User Experience Design

Hi! I have an editable grid in which the user can add new rows. I want a number for each new row generated (1,2...),  and save the value into my local variable (local!LineasPedido). I tried to configure it by two different ways but, even though the "value" appears in the grid, it is not saved correctly in my local data Way1: Way2: In the next image you can see the value is generated, but the column "Linea Pedido" does not appear on the right side My code is the following one: a!localVariables( local!LineasPedido, { a!sectionLayout( label: "LÃ%ADneas Pedido", labelIcon: "list-alt-solid", contents: { a!gridLayout( label: "A continuación, incorpore las lÃ%ADneas de pedido correspondientes y pulse el botón de creación", headerCells: { a!gridLayoutHeaderCell(label: "Linea Pedido"), a!gridLayoutHeaderCell(label: "Pedido"), a!gridLayoutHeaderCell(label: "Proveedo

Hi team, So I have a requirement where in the interface if i click on the product name link in a grid it should go to the summary page interface. But it has to be linked through the process model.  In the image above, the start form is the home interface. but when i start the process from the process model, it is opening a separate tab for the summary page which is not linked through the process model. So the process is still stuck in the start form. How do i configure the drillable link to open the summary page for that particular product using the process model?  And the other thing is, the is a button link in the summary page which is visible only when a certain Boolean rule input is false. how do i set it as false as default in the interface itself? I was able to set the process variable false only in the process model before the process starts. 

I have embedded Java content using a!webContentField on an Interface. Below are the actions I need to perform: Click on a icon beside the link/document (Capture URL) This should open another Appian Interface with all the related information. (Parse URL to get the query parameters like Folder & Document Id's) Question here is how do I capture the URL ?

Hello. I am getting the following error when attempting to import an excel workbook into Appian. From the Debug screen Error Evaluating UI ExpressionExpression evaluation error [evaluation ID = 168eb:f0c68] in rule 'excel_import' at function a!fileUploadField [line 6]: Error in a!forEach() expression during iteration 1: Expression evaluation error at function a!multipleFileUploadField_getEvalFileName [line 41]: Unexpected number of parameters. From the Interface screen (FYI... I do not have a Line 41) Could not display interface. Please check definition and inputs. Interface Definition: Expression evaluation error at function a!fileUploadField [line 6]: Error in a!forEach() expression during iteration 1: Expression evaluation error at function a!multipleFileUploadField_getEvalFileName [line 41]: Unexpected number of parameters. a!formLayout( label: "Import Excel Details Report", contents: { a!sectionLayout( contents: { a!fileUploadField( label: "F

Hi! I´m making an interface in which the user can add new rows. After filling the price and the quantity, the column "Importe Total" is calculated I would want to save and show the value of the sum of the values in the column "Importe Total", to make a "Total Sum", show this in another cell and save the value into another record (the data of the PO lines are saved in a different record, specific for PO Lines, and the value of the total sum would be saved in a Record of "global" PO) *In the case of the pic, the TotalSum = 200 I leave here pics of the configuration and the code inserted (applied the magic button to order it and make it more readable) 1-Logic of the pxq (Total Importe Column) --> the logic was applied in the "cantidad" and "precio unitario" columns in order to save the value "Importe Total" correctly 2- The entire code: a!localVariables( local!grid, { a!sectionLayout( label

why am i not able to see the grid parameters(like user filters, record action, search box) in mobile interface

Hello, I'm running into a rather curious issue with record controls and userfilters on a records interface (a!headerContentLayout). In my first screenshot, the 'Show Search' box, userfilter, export filter options appear normal in desktop, wide-desktop formats, but then all options disappear when viewing in mobile tablet. Also, shrinking the interface in a smaller web browser window does stack the record controls as expected. Any ideas as to why the visible options discrepancy on the tablet format?Screenshot #1 (Desktop View)Thanks,JT

Hi! I have the following editable grid, in which some values are passed from another record and other ones are completed by the user When I run the process model, it seems to work properly, auto-generated values appear and the user completes the rest of values: But after this, the auto-completed values don´t appear in the record! I´m using a WriteRecords function directly in the interface, not in the process model My configuration is the following one: I´m using the fv!item to save the values into the local variables, the appending to create new rows and finally using the writeRecords function. But it fails for the variables in which the value is a rule input from a previous interface (idFactura, idPedido, proveedor). The rest of them are saved correctly. What can I do? Thanks a lot! My code is the following: a!localVariables( local!data, { a!gridLayout( label: "A continuación, incorpore las lÃ%ADneas de factura correspondientes y pulse el botón d

Hello, I recently came across the issue of putting in all of my rule input values that I need for my editable grid to have my interface working.  What happens is that I go to save after entering the rule input values in and when I reload the interface I get an error at the top. Also, my rule input values go back to null. What is the reason for this? Is there some sort of mapping step with the data that has been missed? Sorry if this is a dumb question or has been answered before, I tried searching for other threads with the same issue but didn't find anything if it is out there. Any help is appreciated. 

Hi,  In my dropdown field, I need the choice Labels to be concatenate two fields. choiceLabels: concat ( fieldname1 & "-" &  fieldname2 ). When I Used this, I am getting below errror: A dropdown component has an invalid value for "choiceValues". The choiceLabels and choiceValues arrays must be the same length, but choiceLabels was length 1 and choiceValues was length 101.

Hi! I´m trying to create an editable grid in which the user can introduce new rows, so that: 1) The data introduced in the editable grid is saved into a record. Also, I´m saving variables from a previous interface (IDFactura, IDPedido, Proveedor), and I want them to be saved in the same record 2) When a new row is added, it is also saved into the record The problem I´m facing is how to save both type of variables in my record (previous variables and actual ones):           - For the actual ones (editable grid) I´m using the WriteRecords function inside the interface            - For the new ones, I´m adding an a!save function When I add the a!save function, my actual variables (editable grid) are not saving correctly. In the process model, I´m using a write records smart service too, and it seems that the only variables catched are the previous ones (IdFactura, IdPedido, Proveedor). It´s

Hi, I have a date field in Form. The selected date i need to pass it to integration service which is a datetime field. For my inputted date to pass i need to convert todatetime to pass into integration. The issue we are seeing is below conversion is appending the timezone to the datetimefield which is not needed. ActualResult: todatetime(ri!BGDate) 7/20/2023 12:00 AM GMT+00:00(Date and Time with Timezone) ExpectedResult: todatetime(ri!BGDate) 7/20/2023 12:00 AM (Date and Time) Kindly suggest.

Hi, I am trying to add a customized background image for a form with text boxes, dropdowns, check boxes, and radio buttons. a!billboardLayout is there but it does not support text boxes, dropdowns, or checkboxes. Is there any other way to achieve this?

I´m trying to create an editable grid in which the user can add or delete several rows. I have four columns (Material,Unit Price, Quantity, Total Price), and TotalPrice is the product of Price and Quantity (when the user enters both values, the product is created automatically). But the fact is that, even though the product is created correctly, it seems like it is not saved correctly like the other data values Here is a picture of the interface In the next picture you can see the column "Importe Total" and its values don´t appear To create the editable grid and save the values temporarily (because after that I write them to a record) I created a local variable (data). Basically, I followed the instruction of an Appian Community Video about editable grids from scratch. I leave here the code and some captures. In the end, I updated the records directly in the interface. I don´t know if it is a correct way to do it, or if I should write the records in the

Hi! I´m trying to create a complete invoice in two steps: Step 1) First interface in which the user enters headboard values (id, total price, supplier, etc). The data is saved in Record Type 1 Step 2) Second interface in which the user enters the invoice lines (editable grid). Also, I want to link some of the fields of the previous interface, such as the supplier name or the invoice id.  The data is saved in Record Type 2 I´m linking both interfaces in the following process model (I´m only showing the left part, in the right part I make some checks with logic doors and write the records to the database. The process without the invoice lines works correctly, now I´m just introducing the invoice lines to the process) The problem I´m facing is that I´m not able to pass values directly from one interface to another, putting them on a text field. I´m trying to do it this way with a text field: Display value: rule input which refers to

Hi, I have a question is there a way to add a Search bar to a grid that the data source is a variable?

Hi. I have a doubt in nested if's here, if the first condition is true, then it will be return the statement "should be 18 digits". If it's false, I want null value to be returned. Since  I am using nested if's its returning "must be numerical and no more than 12no's". how can we resolve this. Can someone help me here?

Is it possible to create exact Record Save Filter UI.When user click on funnel icon it will show clickable options.Same as below.

Hi All, I'm creating an application where I have a form with an add button on it. Using this button, I want to add a row into an editable grid with recently added data. Then, using the same form, I want to add the data in the same Editable Grid in the next row. Finally, if the user clicks the submit button, all the grid data is stored in the database. Adding a row to the grid when I click the add button here I am facing the problem

i am trying to save the selected data into some local variable but it was saving as id i need full data to be save in the local or RI this is my code: a!localVariables( local!items: { a!map(id: 1, firstName: "John"), a!map(id: 2, firstName: "Michael"), a!map(id: 3, firstName: "Mary") }, local!selectedReport, local!data, a!gridLayout( headerCells: { a!gridLayoutHeaderCell(label: "Summary"), a!gridLayoutHeaderCell(label: "Qty", align: "RIGHT"), }, columnConfigs: { a!gridLayoutColumnConfig(width: "DISTRIBUTE", weight: 5), a!gridLayoutColumnConfig(width: "DISTRIBUTE"), }, rows: a!forEach( items: local!items, expression: { a!gridRowLayout( id: fv!index, contents: { a!textField( /* Labels are not visible in grid cells but are necessary to meet accessibility requirements */ label: "summary " & fv!index, value: fv!item.firstName, readOnly: true ), a!integerField( value: fv!item.id, readOnly: true,

Hi everyone, I would create a note entry for my application in the record details page to create a history of the actions performed by a user who accesses the following interface. I created a manual action that allows you to write these notes in an anonymous field of the record. However what I want to create is a history of these notes: from the note entry screen in the screenshot I would like that every time a note is entered the old one is no longer selectable and a new line appears in the record detail screen under the appropriate section, as depicted in the screenshot. So the result has to be like this in the record details page. What the record call does is simply an override in a field of the selected record. Thanks everyone for the help. P.S: i don't want to simply write note in a box field in the interface: this information must be visible into 2 different sites, so i have to memorize this notes somewhere in the records

Though it's an extension to below thread: https://community.appian.com/discussions/f/user-interface/20858/merged-or-nested-column-headers-in-an-editable-grid I was trying to follow the approach in above thread to achieve grid format I have attached as image in this thread post. The above logic works good but there are lots of alignment issues when grid is viewed across different environment screen like wide desktop, mobile, etc. The column widths in read only grid changes on different screens which most of the times cross the limits of above cards, for example - I have one main header "A" under this I have two headers "AA", "AB" and one more main header "B", have only one under it  "BA", when I change screen to wide the width changes and unaligns. Mostly, I see columns which should only be under "A", some part of those columns move under "B" header. Also, with paging grid, it is getting diffic

Hello! I have a Form with multiple input fields, this form works well when the users are using a PC, the problems start when they use Smartphones. If the users uses the phone in LandScape View: It all goes well: And then i tap in "Ofertar": But whe i use the smartphone in VerticalView: This happens: Then i tap "Ofertar": The value gets inverted its showing 999991 instead of 199999.

Hi Champs, I want to have a card with Background color as shown in Below image. I tried achieving the same using tag field as I am unable to use card layout in grid column. But the issue is that all the tags are coming in diff width bases on the text size. I am unable to set fixed width for that which is not matching with UI design as shown below. Is there any other way I can achieve this apart from using tag component which will fulfil the use case as per UX framework? Regards, Ghanashyam

I have a dropdown field   called "Name" which has 3 values chintan, mantan and other when the user selects other, a text field will be visible in which he can fill the other name. the value entered in text field (other name)should get saved into name field  how can I achieve this?