User Experience Design

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!

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.