User Experience Design

Hi, I have a button on my application's homepage/landing page designed to execute a specific task in the database. When clicked, it should trigger the appearance of a dynamic interface. This interface should smoothly transition into view, causing the landing page interface to fade away. For visualization consider below screenshot, imagine the "Create Interface" dialog overlaying the landing page interface, which fades into the background during the task interaction.

I'm planning to create some reusable components in Appian. I've already built several, including reusable forms, page headers, message banners, empty state (no data) screens, date and currency formatting utilities, and a few others. Can anyone suggest additional reusable components, patterns, or expression rules that would be useful across most Appian applications?

Would it be possible to add an sparkle or AI icon to the icon set in a future release? thanks

In our application we are displaying customers list in editable grid based on status we have to highlight the row for example of status = matched then row should be green not matched it should be yellow how can i do please help as per my knowledge we cant give color in editable is there any way .

I am building POC using a grid plus component, i need help solving below two issues 1. when i try to add custom validations like preparerDueDate<RevieweDueDate it does not validate properly. Even if one row has the validation to true, the message shows on all row for that field. 2. I have a column that cannot be edited when once added, when creating a new record i need the column to be editable. how can i achieve this functionality? Thanks in Advance.

I am building POC using a grid plus component, i need help solving below two issues 1. when i try to add custom validations like preparerDueDate<RevieweDueDate it does not validate properly. Even if one row has the validation to true, the message shows on all row for that field. 2. I have a column that cannot be edited when once added, when creating a new record i need the column to be editable. how can i achieve this functionality? Thanks in Advance.

Hi  In Ui there was user picker field if i choose more than one (max selection is 3 ) and submit request after that in read only the selected users we are showing in summary dashboard there user want first name and last name to be displayed instead user name  Below is the logic i am using to display selected user details in text field a!textField( label: "Requested On Behalf:", labelPosition: "ADJACENT", value: a!forEach( items: a!defaultValue(ri!MDSRequest.requestedonBehalf, {}), expression: if( a!isNullOrEmpty(fv!item), {}, if( a!isNullOrEmpty(touser(fv!item)), {}, user(touser(fv!item), "firstName") & " " & user(touser(fv!item), "lastName") ) ) ), readOnly: true, showWhen: a!isNotNullOrEmpty(ri!MDSRequest.requestedonBehalf) ) } ), If i select two means more than one i am getting below error i selected valid users only still getting this error also before upgrade logic worked after version upgrade i am seeing this c

Whenever a user encounters any error in the UI, Appian shows pink box error. I do not want to show the Appian default pink box error, I want to show a custom error to the user which has no technical details. How can I achieve that in Appian?

Hi All,My actual requirement is when a user is uploading a file if incase the filename contains any special characters as @/& we need to replace it with  "_"  automatically without any user action and show it on the interface with the renamed filename. But when I was trying with parameter filenames of fileupload() function it wasn't working as expected. So I tried with hardcode a file name as "Sample" but still if I upload a document, it still shows the original file name its not getting updated to"Sample" so kindly help me with the requirement. I have attached the screenshot for reference.

I have a Rich Text Icon component that is used to download a PDF document. When the user clicks the download link, a background process is triggered using a!startProcess() to fetch the document based on a primary key. The process takes approximately 5–10 seconds to retrieve the document and return it to the interface. During this processing time, I would like to display a banner message above the icon, such as: "Your document is being fetched. Please wait until the download icon appears." I attempted to implement this using a local variable and a Dynamic Link. In the saveInto, I included both a!startProcess() and an a!save() to update a local flag variable that controls the banner visibility. However, I observed that the local variable is not updated immediately when the link is clicked. Instead, it gets updated only after the process started by a!startProcess() completes. Is there an alternative approach or recommended pattern in Appian to display a loading or processi

Hi Team, I would like to know if there any such control like below in Appian. Any suggestions please.

In an Appian grid with data, I want to freeze the first two columns and enable horizontal scrolling for the rest of the columns. please someone help onthis.

Updating the file name in fileuploadfield() using parameter documentActions: "EDIT_NAME", unable to fetch new updated name in either local variable or fv!files.name and validation is failing. a!fileUploadField( label: "Documents", documentActions: "EDIT_NAME", labelPosition: "ABOVE", value: local!uploadedDocuments, saveInto: { local!uploadedDocuments }, validations: { a!localVariables( local!currentUploadNames: touniformstring(fv!files.name), local!existingDocNames:local!existingDocs, local!hasDuplicates: length(intersection(local!currentUploadNames, local!existingDocNames)) > 0, local!hascurrentDuplicates: length(local!currentUploadNames) <> length(union(local!currentUploadNames, local!currentUploadNames)), if( or( local!hasDuplicates,local!hascurrentDuplicates), "Duplicate files detected in your selection. Please ensure all uploaded files have unique names.", null )) }, maxSelections: 10, helpTooltip: "Supported fi

Is there any way to reset the value to null when only the date or time is entered in a datetimefield?   Screenshots attached   1. Enter only the date in 'Fecha entrega en mano'   2. Click on CANCELAR and confirm   3. Click on EDITAR again 4. As can be seen in the screenshot, the previously entered value is displayed by default. Appian does not reset the value to null for datetimefields. However, for fields other than datetimefields, it does reset them and previously entered values do not appear.

We have a process in our environment which gets triggered whenever it receives an email. We have a requirement from business where they want the whole outlook email or any email sent by them to Appian which triggers the process to be stored as some document inside Appian. Without any pulgin option is there any way to achieve this?

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!