User Experience Design

Is there a way to use ReactJS UI components in Appian?

Hi there, right now in Appian what I know is that if we need to go to certain record, we have to keep clicking ">" until we get there.  Could anyone let me know how to implement the page drop down, so we can directly get to the record by choosing the page?   Regards, Lin

Hi All, I have multiple sections where the user can upload document and for each section we have "add document" button like below, I have to validate for document size if it is more than 10MB,and this validation is for add document button.I am not getting how to validate the document based on index using fv!files. Because of this,if user adds more than 10MB in 1st sec and adds less than 10 MB in 2nd sec,for both section it validates for "Add Document" button. Please help me how to resolve this.

Hi, I am using a Navigation (Lightweight) pattern. When the user clicks on the left menu for example 2nd menu item, I am able to load the respective page. But, when I try to save the data on the 2nd menu item page, after saving it is loading the first menu item page. It is not staying in the same page. Any advises here please.

up on a click of a button I am generating CSV file , that generated CSV file is being saved in a folder, now up on a click of another button  here I want to download the CSV file that is recently generated which is present in a folder, so How to get the document from a folder, to use in a!documentDownloadLink(), so that I can download the recent generated document

My client's requirement is to have multiple cascading filters for grid field and record doesn't support passing filter values from one user filter to another, so we are using manual filters. Hence, using OOTB record is not possible in my scenario and they want to implement the "Save Filter As" like in record as well. Please guide for efficient possible approaches available.

I'm trying to figure out the differences between Form Layout and Section Layout. Mainly, is there any reason to use a Form Layout over a Section Layout? I've been using Section Layout because I seem to be able to do everything I need with it. I understand the notion of "well, if it works for what you need, then use it". I also understand that we have the ability to nest Section Layouts (which is one main reason why I use them), but not Form Layout. However, I still continue to wonder what the actual purpose of Form Layout is for. If there is a downside to using Section Layout in lieu of Form Layout.

Hi guys, I would like to create a graphically beautiful interface for sending emails with recipients, subject and body. I don't know which object I can use for "TO:" having more than one recipient.Can anyone share its interface? I need ideas to make it happen thank you

Hi Can you guys help me with the code I am trying to give validation for the condition so for  Add client  Dropdown there should be only one active status if same occurs it should throw an validation error. The issue is I tried using whercontains but add client and is active ....data type are different so it is not working

How do I go about saving a file?I have the followingWhat do I need in the process model?I would have thought that this would automatically come when I press the submit button just like any other input.Is there any documentation on how to save this?I found this https://docs.appian.com/suite/help/22.4/File_Upload_Component.html, but it does not explain what you need in your process model or how to set up your database table(s)/field(s).

Hi All, i want to replicate the below section in another interface manually.  Which SAIL component can i use? 

Hi  Expression i used is: if(todate(ri!vehicle.vehicleNextMaintenanceDate) <todate(ri!vehicle.vehicleLastMaintenanceDate), “The nextmaintenance date must be after the last maintenance date.”,null) Below message is the error i got while working on interface. Could not display interface. Please check definition and inputs. Interface Definition: Expression evaluation error at function 'if' [line 59]: Invalid number of parameters, function 'if' a minimum of 3 parameters (condition,true,false), passed 1.

Hi, I have an interface where I am loading the data in a read only grid using a recordType and also I have a "ADD" button to provide a new item to add. Now, when the user is trying to save a text fields data, I would like to compare text fields data with a recordType fields/columns.. Can someone advise on how to compare user enter data in a text field with a recordType or Read only grid column. If user is trying to enter same data, I would like to return a validation message. Thanks.

I have a data-driven interface... An array of some data is passed to the interface, a foreach loop renders controls on the screen (including a drop-down list) based on the input data. The problem I see is the control focus is lost whenever a value is selected from a drop-down list.  There are two "flavors" of this issue.  First, if I use the mouse to select a value from the drop-down, the control focus (which should be on the drop-down) seems to revert to the top of the page.  Pressing <tab> focuses on controls at the top of the page.  Second, if I use the keyboard, arrow down to the choice, then press <tab> to select the value and move to the next control, the control focuses on the next control for an instant then it goes away.  Pressing <tab> at this point places the focus on the drop-down control I just used.  Third, if I use the keyboard and press enter to select the drop-down item, it behaves as if I were using the mouse..

Hi! I'm trying to realize a menu, as in the picture, but using my icons loaded as images and not Appian Icons. what is the best way? Now I'm using A!timeStamp but it can manage only icons and text and not images. Should I create cards ? how can I have rounded cards as stamps? thanks

Hi all I am able to save a local variable defined in an interface into a ri! in the submit button buttons: a!buttonLayout( primaryButtons: { a!buttonWidget( label: "Submit Request", value: local!hiringmanager, saveinto: { ri!record['recordType!NJW NewJoiner.fields.hiringmanager'] }, submit: true, style: "PRIMARY" ) How is the syntax to do the same for multiple local variables that have to be saved into some ri!record.Recordtype.field any suggestions really appreciated thank you Cate

Hello, everyone!I'm trying to make an interface where you can select two dropdowns and attach a file, all these components are in another interface and I'm calling it into another interface (Main interface). In the main interface I have three buttons, one in special has to duplicate the child interface that I mentioned before, I achieved to duplicated the child interface, but when I select an option on the different dropdowns, all the interfaces duplicated are deleted. Both interfaces have a rule input, but Interface Designer shows me an error if I select array option on the rule input, this happens in any of the interfaces. a!localVariables( local!prefijo: {'type!{urn:com:appian:types:EMI}EMI_SUBIR_ARCHIVOS_DATA'()}, local!dataLenght: 0, { rule!EMI_banner("Captura y EnvÃ%ADo"), rule!EMI_TituloReutilizable("Analista Independiente"), a!forEach( items: local!prefijo, expression: rule!EMI_BoxReutilizableAnalistaIndependiente(local!prefijo), ),

Generate CSV file for selected processes(I have a grid above to this which is selectable, for the user selected rows .., I need to generate & download a CSV file) GENERATE AND DOWNLOAD CSV FILE(I am giving this as A button in Interface) when user clicks this button A csv file(with data selected in the above grid) should get downloaded Help me in achieving the requirement, Thanks in advance:)

Hi Team, I am using rich text to connect image and text in a Card. But every time I use it the image always comes in rectangular shape .Could anyone suggest that how can I change the shape  to "Round" Thanks  in Advance

How to remove "items"  option when I call record to read only grid in Interface. Thanks in Advance

Document Id is generated from the process model, I need to show document in the interface how to link process model to interface.

Hello Appian People, Is there anyway i can show the error message if textbox is empty when clicking the button, without setting the submit field of the button to true() ? Well, at first its kinda easy to show if the textbox is empty when the submit field = true in button.  But I want the process where it will not set to true and still if it was clicked the empty error message will show if textbox is empty. Is it possible? Currently this is my sample process, however seems its not working.  UPDATE: Its okey now guys, i figured it out.  Thank [emoticon:6d505171faa4497c85c5ca27290c555d]

When trying to upload a blank file getting a validation message  But, when replaced with a proper file, that validation message still shows  On testing the interface also, this validation message still persists. Only on, screen reload it goes. Need help regarding this.

How to maintain color codes for each iteration for different color in audit log

I want to bold a particular word in a text when using a a!richtextitem. when I use the "Style" as "strong", it's making the entire text bold.In my case, I only want a word to be bold as shown below. Can someone please help a!richTextDisplayField( value: { a!richTextItem( text: { "We recommend ABC method.",}, style: "PLAIN",) } )