User Experience Design

Hi, I have a below attached code and interface. Right now the validation message is getting displayed when I select dropdown field itself. But, I would to show the message only when "Submit" is clicked. How can I do this. Thanks.  User Interface:

Hi, I'm adding a grid field into the interface, involving columns from a record type. There is one column called updatedDateTime, and what I want to query is data which were updated within the last 2 days, that means now() - updatedDateTime < 2 days (or 48hours) or . The column format is now dd/M/yyyy hh:mm a I cannot find out how to write in the filter parameter of a!gridField() so please help!

I want to add multiple rows in an editable grid layout by selecting a number using Interface

How to mask specified number of integers ex:- ######7890.

Hi, I am using a a!linkField with a!startProcessLink to call a process Model. Also, trying to pass parameters inside processParameters like processParameters :{Id: 10, User:LoggedInUser()}. Now, how can I catch these parameters inside my Process Model. Appreciate if someone provide any clue. Thanks.

Hi,  I want to check if the status is Start/ In Progress  or Completed. 1. if the list is  {"Start"; "Start"; "Start"}, result would be Start 2. if the list is  {"Start"; "In Progress"; "Start"} or any combination that the values are not the same, result would be In Progress 3. if the list is  {"Completed"; "Completed"; "Completed"}, result would be Completed. please help. Thanks,

I have 3 buttons and two buttons must to be disabled if I select one of the 3 butttons. I tried with the follow code on disabled property: a!buttonArrayLayout(     buttons: {          a!buttonWidget(               icon: "check",               size: "LARGE",               value: local!buttonVal = 2,               style: "DESTRUCTIVE",               disabled: if(local!buttonselected = true, if(local!buttonVal = 1, "SECONDARY", false), false),               submit: a!save(local!buttonselected, true) ) },      align: "CENTER" )

Scenario:  A user opens a task and sees an actionable interface (they enter data, click submit, it goes back to the process model, etc).  The interface displays several key pieces of information the user needs in order to complete the task.  In addition, there is a button/link/widget on the interface that will open a second window with a lot more details regarding the context of this request.  Both windows need to be open at the same time and the user can tab back and forth between the two in the browser (or set the two side-by-side using two browser windows) as they complete the user input task.  The action interface has a dozen or two fields.  The details interface has a couple three or four hundred pieces of information. NOTE:  There are no record types being used here.  The details data is a large XML object that comes from an integration which will likely be placed into a similarly large, hierarchical CDT structure. Question: 

Hello, I have a requirement to have consistent header for all interfaces on site through which user should be able to select status option. for any customize interface I'm able to achieve it but for record type and related actions I'm not able to maintain that consistency. is there any way to achieve same for record type ?   The second option for same reason I'm looking if possible to add a menu at site level and have status options on it. and once click on any status trigger a process.  Please let me know if you are aware of anyway to achieve any of above two options

I just wanted to configure a Textbox to Take SSN number as a input in the format 123-45-6789. And also I wanted to be greyed out(###-##-####) once I moved out my focus.

a!localVariables( local!customerName, a!pickerFieldCustom( label: "Enter Customer Name, placeholder: "Type to select the employee's state of residence", maxSelections: 1, suggestFunction: rule!CP_AAACUSTOMER( filter :_ , ), selectedLabels: local!customerName, value: local!customerName, saveInto: {local!customerName} ) ) a!localVariables( local!matches: ( a!queryEntity( entity: cons!CP_AAA_CUSTOMER, query: a!query( logicalExpression: a!queryLogicalExpression( operator: "AND", filters: { a!queryFilter( field: "name", operator: "includes", value: ri!filter ) }, ignoreFiltersWithEmptyValues: true ), pagingInfo: a!pagingInfo( startIndex: 1, batchSize: 50 ) ), fetchTotalCount: false ) ), a!dataSubset( data: local!matches

In the dropdown field “Tiene discapacidad?” if I select “SI” then the dropdown field “Tipo de discapacidad” should be enabled if I select “NO” then the dropdown field “Tipo de discapacidad” should be locked

Hi Team, I have a process model like below:- Now, Search Window input task is having an interface which looks like below- Also, Results Interface user input task looks like below- Now I want that, if user clicks on 'Go Back' button at the top, he should be back to the second node so that he can again see the Search Window Interface. I am new to Appian. Could you please help ?

Hi Appian Pals,I want to list all the members of a group and store them to a local variable to show them in a grid.Please let me know Is it possible and how?

Hi All, I am using gridRowLayout to display data in UI. The requirement is I have to highlight a row when the user changed a value in that interface rule. Any suggestions to achieve this. Thanks.

Hi team, I have a use case where I am calling an API -> Saving the data to appiancloud db -> fetching data to interface. I am calling an API which might take 1 to 2 minutes to send response and after that I will be able to store that in db and then I will be able to render it on interface. Now my question is, can I show a full page spinner until the data comes in the interface instead of loading the top loader bar ?

In this grid i have first name ,middle name, last name, these three variables while submitting i want to store it in one rule input. Example :John jackie smith  (it should display like this) can anybody help me on this

Hi team, I just need a UI similar to shown below in Appian. Could u pls help me, how to create it ?

there is 16 digit card no which in text format like { 2567893025367892} want the output as {2567-8930-2536-7892}.

Hello everyone, I stumbled upon an issue in Appian's interface designer. Whenever I open a record action in a dialog window (using recordActionField component) and submit a dialog form, all of my rule inputs are set to initial values. I tried running the interface as a process start form exposed as an application action and everything works fine (values of ri's stay the same), so this issue only occurs in the interface designer. Additional problem is kicking the same interface as a start form in process designer. It looks like in this case, opening related actions in dialog box is not supported at all. All actions are opened in a separate tab. Below I included a simple interface with which you can reproduce this issue { a!recordActionField(actions: a!recordActionItem('your record action')), a!linkField( links: a!dynamicLink( label: "Test", value: "Test", saveInto: { a!save( ri!test, "Updated value" )

HI All ,  I am trying to select the value in a readonly grid by select all and deselect all functionality in a grid . I am not able to achieve this . below is the snippet of my code . please help me  out . a!localVariables( local!data1: { { name: "Java" }, { name: "Python" } }, local!selectedRowData, local!pageSize: 25, local!defaultActivityPaging: a!pagingInfo( 1, local!pageSize, a!sortInfo("name", true) ), local!activityPaging: local!defaultActivityPaging, local!gridselectedsNumber, local!selection, local!isDeselectAllDisabled: or( length(local!data1) > 100, a!isNullOrEmpty(local!selection) ), local!isSelectAllDisabled: or( length(local!data1) > 100, length(local!data1) = 0 ), { a!columnsLayout( columns: { a!columnLayout( contents: { a!richTextDisplayField( value: { a!richTextIcon( icon: "question-circle", capti

Is it possible to place a text field within a paragraph of instructions? Specifically, I'd like to recreate this in Appian:  It would look something like this ideally:    That image is edited in a photo editor to display my intentions. I understand I could maybe concoct a sideBySide layout to get something close, but it might have formatting issues with different screen sizes. Does anybody have any idea what I can do to achieve this?

How can I have the user enter a datetime including seconds in Appian?  The date & time input control does not allow me to enter seconds (it clears the entire date/time value when I try) How can I display the datetime back to the user with the seconds?  I do not see any display formatting for the date & time control. It seems odd that this is not built-in... or if it is then I'm odd because I cannot find it.

Hi team, I am trying to show a checkbox in front of every record in the grid. I have used the following code given below: a!gridField( label: "Test Cases", labelPosition: "ABOVE", data: 'recordType!{e805a109-fc8e-434b-a28c-4c7b62baa8d4}BTUA_Suites_RecordType', columns: { a!gridColumn( label: "Test Cases", sortField: 'recordType!{e805a109-fc8e-434b-a28c-4c7b62baa8d4}BTUA_Suites_RecordType.fields.{b36e5404-7689-44f8-bcb3-efc90764cd0e}suitefilename', /*value: a!linkField(*/ /*links: {*/ /*a!recordLink(*/ /*label: fv!row['recordType!{e805a109-fc8e-434b-a28c-4c7b62baa8d4}BTUA_Suites_RecordType.fields.{b36e5404-7689-44f8-bcb3-efc90764cd0e}suitefilename'],*/ /*recordType: 'recordType!{e805a109-fc8e-434b-a28c-4c7b62baa8d4}BTUA_Suites_RecordType',*/ /*identifier: fv!identifier*/ /*)*/ /* */ /* */ /* */ /*}*/ /*)*/ value: a!che

Hi team, I have created an interface which looks like below- so basically there are 3 columns, Suites, Scripts and Cases. In 1st column, I have used a readOnlyGrid where I have shown a record.  I have defined a local variable 'local!isSuiteSelected' in the interface expression. Now I want that if someone clicks on a record link then instead of opening a summary dashboard, it should change the value of local variable 'local!isSuiteSelected' to true and it should not open a record summary. How can I achieve this functionality ? Below are the code snippets. a!localVariables( local!isSuiteSelected:false, local!isScriptSelected: false, a!headerContentLayout( header: { a!cardLayout( contents: { a!richTextDisplayField( labelPosition: "COLLAPSED", value: { a!richTextHeader( text: { a!richTextIcon(icon: "users-cog"), " Welcome"