User Experience Design

Hi team! I’m running into an issue with how navigation names appear in the browser tab—the tab is currently displaying the process name. Has anyone dealt with this before? I came across some older posts (3–4 years ago) describing the same issue, but I’m wondering if there have been any updates or new approaches since then. Any pointers or examples would be greatly appreciated. Thanks!

I’m quite new to Appian and noticed an alignment issue within one of my interfaces. I wanted to ask whether this can be fixed or if it’s a known issue with this function. The alignment between the text and the checkbox seems a little off (I’m seeing the same issue with a!toggleField() as well), and I haven’t been able to fix it myself. Does anyone know of a workaround for this, or is this a known bug?

I have two tabs with insured 1 and insured 2 and if I am updating anything in insured 2 tab and clicking on save it is always coming to insured 1 tab since while updating we are using start process link and in the process model user input task is configured, so everytime it refreshes the page after the user input task was triggered, any way to solve this?The below higlighted are the 2 insured tabs and I am updating risk factor for insured 2 tab as soon as I update it is coming to insured 1 tab.

Has anyone else noticed this in checkbox component. The expression mode does not show error when i have both saveinto and saveInto (notice the difference "i" vs "I"). I am able to save, and the selected value is not getting saved as expected. The expression mode does not show the parameter as invalid for "saveinto" and also does not save the value.   I always thought the correct syntax is saveInto with capitalized "I" Janaki Ram

In my application maker 1 &maker 2 both users submit data, if any difference between both users reviewer return the task to particular person now we are getting unmatched fileds and we are highlighting also, like this  if maker 1 give HOGN_DDA maker 2 didn't give value then reviewer return To maker 2 now the text field not highlighted, as per my knowledge we can't highlight filed without value  

Hi Appian community, I've been dealing with a tricky validation problem with a!dateField and I wanted to share it here in case anyone has found a workaround. I have a form with several date fields that toggle between a!dateField (edit mode) and a!textField (read mode) based on a modify button that switches readOnly.Switching between these modes is done using a button in a separate rule; within that rule, I also have the option to save the data or exit edit mode. Once you enter edit mode, these two buttons appear. The save button is enabled or disabled based on the field validations. When the user enters a future date, I can catch it with a custom validation rule and disable the save button without issues. When the user types something completely invalid like "asdasdh" or "123abc" into the a!dateField, the native component validation fires correctly and shows the error message on the field — but Appian discards the value and stores null in the backing va

Hi everyone, I am looking to implement a Split Button functionality in my interface (a main action button with an attached dropdown for secondary actions). I am aware that this is not a native component in Appian's current UI toolkit. Has anyone successfully implemented a similar pattern using a combination of a!buttonLayout() and a!dropdown() or perhaps a custom SAIL configuration? I’ve considered using a small icon button next to the main button to trigger a menu, but I’m concerned about the alignment and the mobile responsiveness. If you have any examples or best practices on how to achieve this "split" look while maintaining a clean UX, I would greatly appreciate your insights. Thanks in advance!

Hi Community, I’m working on a UI inspired by the attached mockup. I’m aware that Appian doesn’t natively support a fixed/sticky footer within an Overlay, nor a perfect 2x2 grid inside a standard buttonLayout. However, I’m determined to get as close to this look as possible. Has anyone tried: Using a columnsLayout with Cards as buttons to simulate the 2x2 grid? Using a Header Content Layout inside the overlay to force the bottom bar to stay visible? I'd love to hear any 'outside the box' ideas to bypass the standard layout constraints and achieve this specific action-bar aesthetic.

I'm getting a problem with the 'isButtonFooterFixed' parameter in formLayout. I'm not able to get the behaviour expected when the interface is opened in a dialog. If i open another action with exactly the same configuation but in a New page instead of in a dialog box, it is working fine. Do I need to configure something else or is it just a behaviour that is not possible to achieve in Appian? Thank you!

I'm geting a problem when using the isButtonFooterFixed paramter in a FormLayout and opening it in a dialog box. The interface preview is working as expected, when opening the process in a 'NEW_PAGE' is working as expected but if I try to open the interface as a Dialog box it is not fixing the buttons in the bottom part of the modal. Anyone geting the same issue or knows how to fix it? Thank you!

I have a situation where in grid row layout, in a single column I need to have a text field and rich text display fields below the text field. See reference as below.Is it even possible?Thanks in advance.

Hi everyone, Im using an User Input Task with a!fileUploadField. What I need is to verify that the Excel uploaded does not contain mor than 500 rows so the user cannot submit the form. But as the file is temporary I cannot access to its information, and I alreay saw that it is not possible using a!submitUploadedFiles function. Any ideas for solving this? Thank you!

My specific requirements are: Compare content from two separate Google Docs Identify and highlight differences. Display the comparison results within an Appian interface

I'm running through the spaceX integration demo as practice, and when the step got to the end and I'm supposed to upload an image to the billboard layout, but it didn't render. The document is jpg file, and it does end up rendering in the a!imageField (only when it's set to size = FIT) as you can see in the corner there. I can get other jpgs to render, but not this one. I'm wondering if it might be because it's too big (size = 20.12kb) or because it downloaded as a web file and I had to manually change extension to jpg (but it loads fine in the file preview when I click on the doc). Anyone know why it might not be rendering? Thank you!

I'm having some issues understanding how to use indexes into a forEach taking the items from a expression rule. I'll explain my problem a little bit deeper; I'm trying to get some of the properties from the RecordType "Anomalie", i would like to use the expression rule with get me all of the anomalies linked to a specific pension by the pensionid, and get the description, the name, the action related to it. But i'm having trubles indexing these properties once I call the expression rule. When I try to use fv!item.description into the description rich text field it seems like it doesn't recognize the object as a record type.  I pasted the code snippet for the forEach i have in the interface, does anyone had some similar issues and may give me suggestions on what to try to make it work? Thank you so much!! (my finished product should be a card for each anomaly found linked to the record Beneficiary, each with their description, name and related action)

Hello Everyone, In my record view interface, I have a child interface that contains a related action. I recently added another related action whose only purpose is to refresh the data. In the parent interface, I’m using a!refreshVariable() so that local variables are refreshed after a record action completes. The related action in the child interface has visibility logic defined both: in the record type (Views and Actions → action security/visibility), andinside the child interface itself.When I click my refresh-related action, all the data and components in the interface are refreshed, but the visibility condition defined in Views and Actions is not re-evaluated. As a result, when I refresh to load the latest data, the related action does not appear on the screen unless I do a full browser refresh. i tried to have a start form in my related action's process model even at that time screen was not refreshed. Pretty much tried everything still record level security was not

Consider blue path only! I used activity chain to start "Choose policy" interface immediately after the main interface. The process is started by a startProcess inside a saveinto of a buttonWidget. After clicking the button the process starts, but the interface isn't automatically loaded. The owner of the task is set as pp!initiator. What could I miss?

We are encountering the following error in our Appian application: ERROR com.appiancorp.record.service.visitor.DiscoverAllRecordBindings - Exception encountered in grid field tree visitor, falling back in try catch.java.lang.NullPointerException This issue appears while working with a grid component (record-based or interface grid). There are no obvious breaking changes, but the error is being logged intermittently. We suspect it may be related to: Null values in grid field bindings Record type relationships Nested field references in grid columns However, we are unable to pinpoint the exact cause. What typically causes this DiscoverAllRecordBindings NullPointerException? Are there recommended best practices to avoid this issue in grid configurations? How can we effectively debug which field or binding is causing the problem? Any guidance or suggestions would be greatly appreciated!

Hello Everyone, I’m using a Styled Text Editor for my comment thread component. If the character count exceeds 500 characters, I need to trim the text and display a "Show more" link outside the Styled Text Editor. The problem I’m facing is that the Styled Text Editor stores values with HTML tags, so when I trim the content directly, it can cut through tags and break the markup. This results in invalid HTML and rendering issues. Has anyone implemented an approach to safely truncate HTML without breaking tags? Any suggestions or best practices would be appreciated.

We have a dynamic array containing lists of data. Dynamic here meaning data1, data2..etc could be any length. We need a screen that allows users to reorder this data and we are attempting to do this with a gridLayout with allowRowReordering = true. When attempting this example below, we are seeing the error Expression evaluation error at function a!gridLayout [line 15]: A grid layout component [label="data1"] has an invalid value for "rowOrderData". The value must be a list of records, a list of maps, or a list of dictionaries. a!localVariables( local!map: { "data1", "data2" }, local!data: { data1: { { sortOrder: 1, label: "A" }, { sortOrder: 2, label: "B" } }, data2: { { sortOrder: 1, label: "C" }, { sortOrder: 2, label: "D" } } }, a!forEach( items: local!map, expression: a!gridLayout( label: fv!item, headerCells: { a!gridLayoutHeaderCell(label: "Checklist Sections") }, rows: a!

Hi everyone, I’m working on an interface where the user needs to upload an Excel file with the .xlsx extension. My goal is to validate the file extension directly in the interface, before enabling the "ACCEPT" button. In my current setup, I’m using the disabled parameter of the a!buttonWidget() to check two things: That the variable local!excel is not null or empty. That the uploaded file name (converted to string) contains the .xlsx extension, which I have defined in a constant (cons!CEDT_CONS_EXTENSIONES_DOCUMENTOS). When I use touniformstring(local!excel), it only returns the file ID (a numeric value), not the original file name. Because of that, I can’t compare it with the extension constant to validate the file type. Here I’m attaching a demonstration of the interface when I upload a file that is not an Excel type.  Is there any way to retrieve the original file name (or its extension) from the uploaded file in the interface, so I

Hi Appian Community! I have a requirement where in the column chart below, I need to show a breakdown of the data for each bar of all the series based on the date. I had to manipulate the dataset so using a record type was not possible. Now I have my data structured where  x-axis is dates, and y-axis is the percentage of each area of the office's seat booking. How do I show within each bar, a breakdown of say half is booking type A and the other half is booking type B?

Hi Appian Community, I'm working on a PickerField component that needs to display data from a large dataset (~15,000 rows). Here are my requirements: Requirements: Display a PickerField with approximately 15,000 rows of data Implement a search functionality that only triggers after the user enters 3 or more characters Load the data using a Record Type as the data source Optimize performance to handle the large dataset efficiently Current Challenge: I want to avoid loading all 15,000 rows upfront for performance reasons. Instead, I'd like the search to execute only when

There is an Interface C which has parent as B and B has parent as A. Now I am passing via rule input from C it is working in B but not in A. The value gets refreshed at A interface automatically. FYI the rule input data types are same for all 3 interfaces A, B and C.

Hi Everyone,I want to add new value using custom picker field .Let's say , I have picker field name country and its having all country but not "XYZ".So how can we add it?