User Experience Design

We have several Appian applications with records backed read-only grids which our business users can quickly search, filter, page through to access record instance data. One of the main gripes (over the years) with Appian is that while paging and taking an action on a record, the user has to page back through a series of data sets to arrive where the user initially started the action from. Honestly, it's a bit surprised a paging cache feature hasn't made into a default platform offering in Y2024 but would the Appian community be able to provide examples of how we can implement a "cached paging paradigm" to improve user experience. It's definitely a slight annoyance platform-wise but I'd prefer to hear your opinions and implementation thoughts on how best to improve a one-less-click experience.

I tried to complete a user's task via Chrome browser by adding a signature using the a!signatureField. But the signature gets disappeared after it's drawn. Does anyone know the root cause and a solution for it?

I have a Record Type that has 2 Record List Actions.  Web Browser shows both entries and on a Mobile device only the first one displays.  I confirmed this on an iPhone. I also noticed that if you have more than one Record List Action it moves the actions below the filters. Are these expected behaviors? On a Web Browser: On an iPhone:

Hi, I have an interface where I have few buttons. These buttons I have created using a a!buttonArrayLaoyout, a!buttonWidget. Now, when the user clicks on one of the button, I need to calls a "recrodActionItem". Can someone advise how I can do this. Thanks

Hi All, Why do we get this type of error in Process Model while writing to the data base? How Do I Check this issue in more detail, When  i don't have system logs to check the logs? Can SomeOne Please suggest ,It would be more helpful if anyone replies and Provide me the solution. Thanks In Advance.

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.