User Experience Design

I began noticing this around 22.2, plus or minus - if you're editing an interface with the expression editor box open, clicks on or near the left edge of the interface (such as checkboxes, etc), actually click inside the expression editor box, leading to some unexpected and fairly frustrating run-arounds.  I've verified that this seems to be present in Chrome but not Firefox, and i've verified it on the computer of at least one other designer. When opening the Inspector and using the "select an element" tool, I can visualize what I can only assume the culprit actually is - there is what seems to be a pretty severe overlap of the expression editor text area, encroaching into the left edge of the preview interface: In the above screenshot, if I click my cursor anywhere in that green margin (even when it's clearly over the "First Name" text box), it causes the cursor to land in (and move) the expression edit box.  If I have a read-only grid wi

Hello, new with Appian here. We have an account number text field on an interface screen. We would like the format of the entered values to follow this format "00-0000000". I built a rule to display that format, but it only works AFTER the field has lost focus. I also tried refresh after keypress. It didn't seem to work. Is there a way to have the "-" appear while a user is typing in the value? In this case it would show the "-" after they have typed in the first two digits and continue as they finish the rest of the digits. "12-" for example. Thanks

I want to delete one or more rows, but I have to select all the rows and it just deletes only one row. { a!gridLayout( headerCells: { a!gridLayoutHeaderCell(label: "", align: "CENTER"), a!gridLayoutHeaderCell(label: "Precio de Colocación", align: "CENTER"), a!gridLayoutHeaderCell(label: "Número de TÃ%ADtulos", align: "CENTER"), a!gridLayoutHeaderCell(label: "Importe", align: "CENTER"), a!gridLayoutHeaderCell(label: "Casa de Bolsa", align: "CENTER"), a!gridLayoutHeaderCell(label: "Tipo de Registro", align: "CENTER") }, columnConfigs: { a!gridLayoutColumnConfig(weight: 1), a!gridLayoutColumnConfig(weight: 2), a!gridLayoutColumnConfig(weight: 2), a!gridLayoutColumnConfig(weight: 2), a!gridLayoutColumnConfig(weight: 1), a!gridLayoutColumnConfig(weight: 1) }, rows: { a!forEach( items: ri!colocacion, expression: { a!gridRowLayout( contents: {

Hello. I'm creating an interface but I have a problem because I want select a checkbox for every row I wish to delete. I select the first one, but when I select the second one the first one is unselected. { a!gridLayout( headerCells: { a!gridLayoutHeaderCell(label: "", align: "CENTER"), a!gridLayoutHeaderCell(label: "Precio de Colocación", align: "CENTER"), a!gridLayoutHeaderCell(label: "Número de TÃ%ADtulos", align: "CENTER"), a!gridLayoutHeaderCell(label: "Importe", align: "CENTER"), a!gridLayoutHeaderCell(label: "Casa de Bolsa", align: "CENTER"), a!gridLayoutHeaderCell(label: "Tipo de Registro", align: "CENTER") }, columnConfigs: { a!gridLayoutColumnConfig(weight: 1), a!gridLayoutColumnConfig(weight: 2), a!gridLayoutColumnConfig(weight: 2), a!gridLayoutColumnConfig(weight: 2), a!gridLayoutColumnConfig(weight: 1), a!gridLayoutColumnConfig(weight: 1) }, rows: { a!forEach(

Is there any way to hide the button from mobile/ tablet view using an interface

Hi i have written code like this to get a grid it's a editable grid and for this now when i click add row then complete grid has to be added  how can i write logic for it can anyone help on this  a!gridLayout( labelPosition: "COLLAPSED", headerCells: { a!gridLayoutHeaderCell( align: "LEFT" ), a!gridLayoutHeaderCell( align: "LEFT" ) }, columnConfigs: { a!gridLayoutColumnConfig( width: "DISTRIBUTE", weight: 5 ), a!gridLayoutColumnConfig( width: "DISTRIBUTE", weight: 3 ) }, rows: a!forEach( items: ri!crAPPContractExtension_cdt, expression: with( local!SingleREFContractExtension_cdt: index( ri!crREFContractExtension_cdt, wherecontains( fv!item.extensionRefId_int, ri!crREFContractExtension_cdt.id_int ), {} ),

I am having a editable grid in that  I am adding a rows and in sometime I deleted some of the rows then the values depending upon it needs to be updated For eg. I am having a field in editable grid called marks and total. If I deleted a one row(marks) Then the total needs to be updated after deleting

I am using a editable grid in that there are six columns (column1,2,3,4,5,6) after adding rows to that columns I want add a row at the end for column3,4,5,6 only for calculating the total value. Is that possible in editable grid

I have a list of dictionary with 3 Keys in it I want to add a new Key:Value in all the rows so there will be 4 keys after that.

Hi All  here the use case was selecting particular Id(Product Id) in record list, than it will show all the relavent records in Summary view and In the grid will list out all the Related suppliers(data) only in grid, { a!sectionLayout( label: "Section", contents: { a!columnsLayout( columns: { a!columnLayout( contents: { a!textField( label: "ProductName", labelPosition: "ADJACENT", value:ri!product.productname, saveInto: {}, refreshAfter: "UNFOCUS", readOnly: true(), validations: {} ), a!textField( label: "Productdetails", labelPosition: "ADJACENT", value: ri!product.productdetails, saveInto: {}, refreshAfter: "UNFOCUS", readOnly: true(), validations: {} )

I want to retrieve data from Appian profile using Username.

When updating data i didn't get multiple dropdown field and gettting error like: Interface Definition: Expression evaluation error at function a!multipleDropdownField [line 609]: A multiple dropdown component [label="Employee Name"] has an invalid value for "value". All selected values must be present in the choiceValues array, but value was adetuya, akshaymoghe and choiceValues was aalapv; aartibansal; abdul_khan1; achyutamm; adetuya; aghosh; aishwarya_bajpayee; akaul; akshaymoghe; akshay_nikam; ankit_bass; apawar; asimzr; atadeo; basava_raju_g; basitza; bhushans; bilalq; carolina_branas; chandramauliv; chiragk; chrisxl; cjansen; clarkm; dhavaljp; diana_palmer; dilippathare; dpaul; dterzian; elomboy; francisab; gbubattula; gpattnaik; haroona; harshadp; humzak; jalpa_dave; jlakkimsetty; jmishra; jpattan; kamalpreetarora; kanikanarang; karangauba; karishma_babbar; kjaladi; ksiginumsetti; lindsey_pecor; luke_kovar; mayanksengar; mehakbakshi; mkonanki; mohitarora; mszekely;

Hello Assume radio buttons A,C, Z, Other, F (db gets data in this manner) we can easily sort but other should be at end of the list The order is alphabetic but other to be end Using Query Records Ant Cat Frog Z Other if we just do sort, we can get below which is wrong as per req Ant Cat Frog Other Zebra

What is map function what it does and how we use it. I see in some interfaces it has been used in ruleinputs as a datatype.

hi here i have plugged in the sub-interface in the main interface but am not able to view that interface only buttons i can see from that interface  sub-interface is working fine 

Hi All, Thanks in advance!! Here is my scenario, While data is retrieved successfully from a view(SQL Server) and displayed on the interface for some users, but for few users same data is not retrieved and shown on UI. It's simple queryentity rule where we pass Input for the data to be retrieved  with rows having same input field.

Hi all i have a requirement that user entered date time field to json format  "2022-08-15 00:00:00.0" how to convert it , from appian end, i tried text function - text(now(),"yyyy-mm-dd HH:MM:SS")  but it returns current date time it should be user entered. Thanks In Advance

Getting an error like this what to do ?

Hi Experts, Do we have any Field where user can search for exiting list of values from database, and if value is not there in the list then whatever value user has typed in can be written to DB on the form submission. Later the value will become part of the list. Thanks, Gaurav Singh

a!localVariables( local!isChanged:a!refreshVariable( value: ri!isChangesMade, refreshOnReferencedVarChange: false), a!formLayout( contents:{ a!buttonLayout( accessibilityText: "Select a Type of Service", secondaryButtons:{ }, ) } ) } ), a!radioButtonField( label:"Do you want to make changes to any services?", choiceLabels:{"No","Yes"}, choiceValues:{false,true}, value:local!isChanged, saveInto:local!isChanged, ), if( local!isChanged, rule!SS_ui_serviceGrid( ), {} ), }, ) )The Interface has different services listed at the top of the form. If I select one service, select 'Yes' for radio buttons, and make changes to the grid and go to other services. when I come back to the previous service, the cha

Through a form in an interface, I upload files or images and it is stored in my db as a number (I guess it's the ID, image bellow). The images are stored in a folder in my KC This is the expression of my fileupload a!fileUploadField( label: "Cedula: PARTE FRONTAL", labelPosition: "ABOVE", target: cons!CWA_OEC_DOCUMENTS_FOLDER_POINTER, fileNames: ri!CWA_OECClient.coeccedula&"_"&"c1_frontCI", maxSelections: 1, value: ri!CWA_OECClient.coecfile1, saveInto: ri!CWA_OECClient.coecfile1, required: true, validations: if( or(upper(fv!files.extension) = { "PDF","PNG","JPG" }), null, "Please upload a valid image type: png or jpg" ), uploadMethods: { "CAMERA", "CHOOSE_PHOTO", "CHOOSE_FILE" }, buttonDisplay: "LABEL_AND_ICON", buttonStyle: "PRIMARY", buttonSize: "LARGE"

An Error Has Occurred An error occurred while retrieving the data for "EISOP Employeeinterview". Details: Expression evaluation error while parsing rule 'eisop_candidatestatus': Missing right parenthesis in expression, found COMMA (APNX-1-4205-003) Where to find these issuse 

I have requirement where i have a interface in which I have two fields let's say "error" and "error type" And also I have the below fields, Personal details (section header)                 Name - jack                                 Last name - rayan                       Mailid - blank Then the result should be, Error          - personal details Error type - mailid

I want to perform this validation after clicking on submit button.

Hello , Whenever i click on candidate name it has to display the all the details of candidate , It is only displaying the interface . For the details what to do now? It show's Empty (Did I miss Any thing )