User Experience Design

Geeting this error when used SP that returns datasubset for populating grid. Can someone provide more info on why this issue is coming up. UI Code a!localVariables( local!variableName, local!selectedSource, local!selectedCategory, local!pagingInfo:a!pagingInfo( startIndex: 1, batchSize: 10 ), local!categories:index(rule!OMS_getPreSelectCategories( ),"data",{}), local!sources:index(rule!OMS_getPreSelectSourceTypes( ),"data",{}), local!mdmVariableList: a!refreshVariable( value: rule!OMS_SP_getPreSelectVarsByFilters( variableName: local!variableName, source: local!selectedSource, category: local!selectedCategory, pagingInfo: local!pagingInfo ), refreshOnVarChange: { local!variableName, local!selectedSource, local!selectedCategory } ), a!cardLayout( style: "TRANSPARENT", contents: { a!columnsLayout( columns: { a!columnLayout( contents: a!richTextD

a!columnLayout( contents: { a!buttonArrayLayout( buttons: { a!buttonWidget( label: "Next", size: "LARGE", style: "SOLID", saveInto: { if( len(ri!checklists) > 1, { a!save(ri!steps, append(ri!steps, "name")), a!save(ri!nextStep, 3) }, { a!save( local!showAddChecklistErrorMessage, true() ) } ) } )

Hello, I am developing a small application in which employees of a company can book their desks/seats in the office. I have started designing our office seating arrangement using an interface where I used rich text icon to display the desktop and chair. As it's normal in any office that the seating can be facing towards any direction. To visualize it, I have to rotate the icon I'm using now. I googled it out but it's of vain. Appreciate your suggestions. Regards Nehemiah /resized-image/__size/640x480/__key/communityserver-discussions-components-files/13/_B930AF30EA30FC30F330B730E730C330C830_-2024_2D00_10_2D00_23-153805.jpg

Requiremnt: When user clicks on "Add Grid" then an editable grid should be added and when the user clicks on "Add Row" then a row should be added to the respective grida!localVariables( local!count:1, local!data:a!forEach(items: enumerate(local!count)+1, expression: {{a!map(text1:"",text2:"")}}), a!sectionLayout( contents: { a!forEach( items: enumerate(local!count)+1, expression: a!gridLayout( label: "Grid"&fv!index, headerCells: { a!gridLayoutHeaderCell( label: "H1" ), a!gridLayoutHeaderCell( label: "h2" ) }, columnConfigs: { a!gridLayoutColumnConfig( ), a!gridLayoutColumnConfig() }, rows: a!forEach( items: local!data[fv!index], expression: a!gridRowLayout( contents: { a!textField( label: fv!i

Hi , I am trying to implement: On Click of Dynamic Link displaying one Grid, But AS per the requirement This needs to be displayed as side By side, As of Now On click of Link the grid is displaying but How would I make side By side grid, Since grid has box Layout and Grid Field ,Ui is throwing error . How would I make change in this code -On click of link grid has to be displayed. a!localVariables( local!priority: false(), { a!linkField( /*label: "Link Field",*/ links: { a!dynamicLink( label: "Audit History", value: local!priority, saveInto: a!save(local!priority, true()) ) } ), a!sectionLayout( contents: { rule!CR_APP_SC_auditDetails( cif_int: ri!cif_int, sectionName_txt: cons!CR_APP_TXT_AUDIT_SECTION_NAMES[1] ) }, showWhen: local!priority ) } ) 

I have inactive some value from table because of that this error is showing i want only active data in choicevalue i don't want inactive value. inactive value is showing because some inactive data is already save in somewhere so how we can handle this error i have already query data with isActive true.because i want only isActive data not inactive

Hello, I'm working with a custom picker that should allow one selection. A different selection should be made by removing the first selection.  Currently, when a user types, makes a selection, and then keeps typing, the input is filled with 50 seemingly random selections. These selections do not save. When typing slower and allowing the dropdown to fully load, it works as wanted. Any ideas on how to fix this? Thank you a!pickerFieldCustom( label: "Name", labelPosition: "ABOVE", placeholder: "--- Select a Name ---", saveInto: local!selectedPerson, suggestFunction: rule!AST_GETNAMES, selectedLabels: if( a!isNullOrEmpty(local!selectedPerson), null, index(rule!AST_GETUSERFROMARRAY(suggestionText:local!selectedPerson), "data") ), value: if( a!isNullOrEmpty(local!selectedPerson)

In a section, I used a pane layout with two panes. In that interface, I don't see any space in the bottom of the pane. But when I call the Section which has pane in the Main form and I add a buttons below that more space is being displayed. I analyzed and I don't see the cause. Attached image of the Main form.

Interface Definition: Expression evaluation error at function a!hierarchyBrowserFieldTree [line 31]: A tree browser component [label=""] encountered an error for "nextLevelValues" when fv!nodeValue was [id:0,name:JobType,description:Description for node roleType,details:I have 1 child node,type:FOUNTAIN_PEN,numberOfChildren:2,isDrillable:true]. The following error was returned: Expression evaluation error at function 'enumerate' [line 39]: Cannot enumerate non-scalar. When I am trying to use enumerate in nextLevelValues using foreach getting this error. Please let us know any suggestions on this. Thanks in advance.

Can we call a!startprocess or any other smart service function from within any interface component saveinto  apart from button saveinto.

hi   i was getting this error in the site when the user try to generate the document  or click on save in uat this issue was not found in dev this save button has a process model that write the data to db this error is not occuring every time

Hello, I am following the tutorials from the Appian Dev learning path. In the chapter about Sites and Portals, one of the steps in the exercise requires creating a Service Account, but in the portal configuration panel, the button to create it does not appear, and the text field is not editable either. I checked, and I have admin permissions on the app I’m working on. I'm taking the course through the Appian Community Edition platform. Can someone help me resolve this issue? Is there another way to create the service account to grant the portal access to the data, or am I missing something that is preventing me from creating the service account?

Hi, My Requirement is to update selected checkbox(Multiple selection checkbox) row data and status by selecting dropdown to the table. Firstly I am querying data from the table and By multiple selection trying to update the data to the table via Status. Steps: 1.I have multiple checkbox selection . 2. Once Checkbox selected ,which ever is selected as checkbox using Dropdown trying to update to the same table. But Attached code is not working ,if Someone Suggests for solution that would be more helpful.  a!localVariables( local!crAppDynamicChecklist_cdt: rule!CR_APP_QE_getDynamicChecklistByFilters( cif_int: ri!cif_int, sectionType_txt: cons!CR_APP_DYNAMIC_CHECKLIST_SECTION_TYPES[1] ), { a!gridField( data: local!crAppDynamicChecklist_cdt, columns: { a!gridColumn( label: cons!CR_APP_TXT_ACTIVE_COMPLETED_DOCUMENTS_LABELS[1], sortField: cons!CR_APP_TXT_ACTIVE_COMPLETED_DOCUMENTS_LABELS[1], value: joinarray(

Hi Everyone, I am trying to achieve multi selection checkbox but its not working as expected a!checkboxField( label: "", choiceLabels: cons!CR_TXT_CHOICE_LABELS_YES_NO[1], choiceValues: cons!CR_APP_INT_CHOICE_VALUES[1], value: if( contains( cons!CR_APP_INT_CHOICE_VALUES[1], tointeger(local!selectionFlag_int) ), tointeger(local!selectionFlag_int), null() ), saveInto: local!selectionFlag_int, align: "LEFT" ),Currently, If I select one checkbox it is selecting all checkbox ,But I want to select multi checkbox ,How would I achieve this, can anyone correct this code . Thanks in Advance.

Hi, i have a adress CDT with all the address fields and Address_Type(Values:"HOME_ADDRESS","MAILING_ADDRESS","EMPLOYER_ADDRESS"). now is it a good design if I can capture all the address in one local variable local!allAddress(map type) and map outside the Interface. or is it okay to construct AddressType inside the interface and taking out as RI.

Hello everyone, I have a requirement where I should be able to grey out the weekends for the user while selecting any date on a date field. Also, they have some list of standard specific dates where the calender should be greyed out. Can anyone help me how I can achieve this? Thanks!!

Would be nice to have the Indeterminate state  on column heading on selectable grids where only some of the rows have been selected /resized-image/__size/640x480/__key/communityserver-discussions-components-files/13/Screenshot-2024_2D00_10_2D00_18-at-11.08.00_2F20_a.m_2E00_.png

I want to know the internal mechanism of local variable refreshing in an interface. When a local variable is refreshing, what is the underlying logic of the behavior? Is all code re-executed? Can you give me a conclusion and provide a demo to prove the conclusion.

Hi, sometimes I have to go back to the basic rules of Appian. I have an editable grid with REQUIRED fields to show in a page of a Site. To make this validation work, I have to put the interface in a start form of a process and then add this process in a site page as Action, otherwise it won't work. Is that correct? Thank you

Hi everyone, I hope you can help me with something that is driving me crazy. For some scenarios it works and for others it doesn't, but basically I have an interface where the only thing I do is show database information. I went from validating nulls in the following way, {} then to "" and finally null() but the error was always the same "Null? list must be used within a SAIL component" I attach an example of my code, I hope you can help me identify what the problem is. a!localVariables( local!newComment, local!dataVerification: if( a!isNullOrEmpty( ri!recordRequest['recordType!{f3693eb2-ffb2-4407-814e-681b44ba8ef5}TTC Request.relationships.{42fd7ed7-d716-49c6-b449-e1fa839b532a}client.fields.{82090d2d-4f09-4af2-9995-eda5781d1392}id'] ), "", rule!TTC_getVerificationByIdClient( idClient: ri!recordRequest['recordType!{f3693eb2-ffb2-4407-814e-681b44ba8ef5}TTC Request.relationships.{42fd7ed7-d716-49c6-b449-e1fa839b532a}client.fields.

Hi everyone, I hope you can help me with something that is driving me crazy. For some scenarios it works and for others it doesn't, but basically I have an interface where the only thing I do is show database information. I went from validating nulls in the following way, {} then to "" and finally null() but the error was always the same "Null?list must be used within a SAIL component." I attach an example of my code, I hope you can help me identify what the problem is. a!localVariables( local!newComment, local!dataVerification: if( a!isNullOrEmpty( ri!recordRequest['recordType!{f3693eb2-ffb2-4407-814e-681b44ba8ef5}TTC Request.relationships.{42fd7ed7-d716-49c6-b449-e1fa839b532a}client.fields.{82090d2d-4f09-4af2-9995-eda5781d1392}id'] ), "", rule!TTC_getVerificationByIdClient( idClient: ri!recordRequest['recordType!{f3693eb2-ffb2-4407-814e-681b44ba8ef5}TTC Request.relationships.{42fd7ed7-d716-49c6-b449-e1fa839b532a}client.fields.{

local!selectedSystemType: if( a!isNotNullOrEmpty( local!dataFeed['recordType!{fcce7d6a-d964-4fb7-bc9c-610a5333f0ee}EILM Inventory Data Feed.fields.{785adc35-6266-4c30-abbe-eca44c05c93d}systemTypeCode'] ), local!dataFeed['recordType!{fcce7d6a-d964-4fb7-bc9c-610a5333f0ee}EILM Inventory Data Feed.fields.{785adc35-6266-4c30-abbe-eca44c05c93d}systemTypeCode'], null() ), a!buttonWidget( label: cons!SHARED_BUTTON_LABEL_NEXT, icon: cons!SHARED_BUTTON_ICON_NEXT, saveInto: if( a!isNullOrEmpty(local!selectedSystemType), {}, a!save(local!currentDataFeedStep, local!currentDataFeedStep + 1) ), style: "SOLID", color: cons!SHARED_BUTTON_COLOR_NEXT, disabled: a!isNullOrEmpty( local!selectedSystemType ), showWhen: local!currentDataFeedStep < 3, validate: true() ),

a!columnsLayout( columns: { a!columnLayout( width: "EXTRA_NARROW", contents: { a!imageField( images: a!documentImage( document: rule!EILM_Datafeed_fetchSystemIcon(systemCode: local!selectedSystemType['recordType!{fcce7d6a-d964-4fb7-bc9c-610a5333f0ee}EILM Inventory Data Feed.fields.{785adc35-6266-4c30-abbe-eca44c05c93d}systemTypeCode']) ), size: "TINY", align: "CENTER" ) } ), a!columnLayout( contents: { a!richTextDisplayField( value: { a!richTextItem( text: { displayvalue( local!selectedSystemType, local!refSystemsData['recordType!{6bfcaf5e-7f37-4e20-a544-b4915d162997}RD Data Feed Systems.fields.{037fb842-a09e-4e3f-836e-85f83c476be1}systemCode'], local!refSystemsData['recordType!{6bfcaf5e-7f37-4e20-a544-b4915d162997}RD Data Feed Systems.fields.{abcb5cb3-86d6-4255-9ce3-f435dc50cb36}systemName'], local!selectedSystemType ) }, color: "STANDARD", size: "LARGE", style: { "STRONG" } ), char(10), a!richTextItem( text: { local!dataFeed

In my use case, A Customer is linked to multiple Units in a one-to-many relationship. On one interface, I have a customer selection, and based on the selected customer, the corresponding units are displayed in a dropdown labeled "Unit." This is achieved using an expression rule within a refresh variable. Additionally, there's an option for the user to add a unit on the same page for the selected customer. For this, I'm using a Record action, where a pop-up window opens for data entry. Once the user submits the data, the unit list in the dropdown is refreshed to include the newly added unit. This is done using the "refresh after record action" feature. While this functionality works as expected in the browser, it does not work on the Appian mobile application. Any suggestions?Here is the Code Snippet local!units: a!refreshVariable( value: rule!FAA_QR_get_Unit( customerTpi: ri!assetRecord['recordType!{20d559ec-3d4b-4870-9672-f594295b09f7}FFA Asset.fields.

Dear community, Modal popup windows are a very frequently asked UI element Appian does not provide OOTB. The purpose of a popup is to make any UI element fade into the background and provide an isolated area to require a specific input from the user. In Appian, we cannot implement this visual style directly, but we can achieve a very similar behavior. Instead, we hide all UI elements and display a single centered card layout. This card contains all the necessary elements. When a user clicks a button, the popup is closed, and the rest of the UI becomes visible again. Read my blog post for more details. https://appian.rocks/2023/06/20/popup-windows-in-appian/ Cheers, Stefan.