User Experience Design

I have a requirement where I need to use a Rich Text icon button and perform validation of fields on it without submitting the form (Hence not able to use submit Link). I can do this when using OOTB button with submit as false. But rich text icon buttons is primary requirement as user want UI more richer in terms of input buttons. Is there any way to achieve this. Thanks

When I am using a!documentViewerField, I am faced with this error- xxx-static’s server IP address could not be found. Can anyone please help regarding this?

Hi All, I have milestone in the left sidebar on an Interface.This is the parent interface and when you click on the milestone step, then the child interface will open on the right hand side.I want the ability to make these milestone steps in a clickable form so that I can go back to the previous step just by clicking on the previous step.

i am trying to display the text feald side by side but my requirement for one feald i want name another field i don't want name but the morgen is coming upside for the empty name feald... also i want to background color for the box layout is it possible if yes can any one suggest me and i am attaching my requirement and also i am attaching what i got... this is i am getting but i want another formet and also i want to change the font color and style can anyone suggest me for that

Hi Team, how to validate below scenarios a!localVariables( i have A,B,C,D Values and local!name, if local!name = "X" then values should be A>B>C>D and if local!name = "Z" then it should validate A<B<C<D and in any other local!name value it should accept only numeric  values 

Good Morning Community, I've been experimenting with a simple interface where I need to clear the selected results when going to another page. I suspect it is in the index/batch size area, however I'm not having any luck. a!localVariables( local!selection : null, { a!sectionLayout( label: "Test Details", labelSize: "SMALL", labelColor: "#007958", contents: { a!columnsLayout( columns: { a!columnLayout( contents: { a!gridField( label: "", labelPosition: "ABOVE", data:{ { ONE: "One", Pho: "Alpha", Is_Primary: "True" }, { ONE: "Two", Pho: "Beta", Is_Primary: "False"}, { ONE: "Three", Pho: "Gamma", Is_Primary: "True" }, { ONE: "One", Pho: "Alpha", Is_Primary: "True" }, { ONE: "Two", Pho: "Beta", Is_Primary: "False" }, { ONE: "Three", Pho: "Gamma", Is_Primary: "True"}

I want to show a record action (edit record) within a read only grid - this works as in its shows the auto generated button in each cell (I've orientated myself here: https://community.appian.com/discussions/f/user-interface/18614/recordaction-in-an-read-only-grid).  I wonder, if it is possible, to replace that button - e.g. with a text(/link) or an icon?

once I click on the document download link, getting this error , rather than document download...?

Hello Community, I was wondering how do you capture the process property ID when the process is submitted to then use it in a link within that interface. a!processTaskLink( label: "Approval Task", task: 1 /* pp!id */ ) Thank you.

how to show a confirmation message when performing action by using dynamic link?

i want configure link field in submit button or button layout, how can i achieve  this

I want add a color and text style to add row dynamic link label using in editable grid . how can i change the color ?

I want to design a interface with couple of links, when I click each link, I need to display related options of hyperlinks. Finally If I select one it shd navigate to specific interface. Any sample code for this

i created the editable grid, using that i want to send the data to the DB but my requirement is like with out using the Process model witch function i need to use in the interface,also if i delete the data from editable grid(in interface) it will reflect on the DB(with out using the Process Model) for that witch function i need to use in interface

Hi All, On gridRowLayout selection i am populating the selected grid data in local!selectedGridData which has the clientID value for selected row. From this local!selectedGridData, we need to update the clientID value to ri!clientDetails.clientID at selected index on click on button. Here local!selectedGridData and ri!clientDetails both are of array. Please help with sample code, so that i will try once. Thanking you

Hi All, How to enable the dropdown field based on gridLayout selection? actually i am trying with the below code but it is not working as expected: Please help and suggest logic so that i will try to test it. a!gridLayout( headerCells: { a!gridLayoutHeaderCell(label: "Dropdown") }, columnConfigs: { a!gridLayoutColumnConfig(width: "DISTRIBUTE") }, rows: { a!forEach( items: ri!data, expression: a!gridrowLayout( contents: { a!dropDownField( disabled: if( and( rule!APN_isNotEmpty(ri!selectedid), contains(fv!item.gfcid, ri!selectedid) ), false, true ) ) } ) ) } )

my data is storing in the data base in the formate of customer number :"F123"  i have serch filter when i search with F123 it is returing the related data but now if i search with customer number with padding (0) like "F000123" it shoud return the data whic have returen for "F123", the customer number is passing to stored proc and getting the out put so my queery is before sending input to the stored proc i need to remove the padded values then need to send to stored proc please me with solution  so how can i remove the padded (0) from the value where i am searching

i want to display image in interface but i am unable to do that one can anyone help me for that,

Hi! I'm using an a!match function in an interface. I have set the 'value:' parameter of the match function to the output of an expression which outputs a list of CDTs. Subsequently, I'm using this value parameter as 'fv!value' in other parameters. However, I'm receiving the 'improperly scoped variable' warning on multiple occasions when using fv!value (not in all cases). This warning is resolved when calling the same function that is called in the 'value:' parameter over and over again. However, I would prefer to refrain from doing this because of the performance implications of calling the same function multiple times. A code snippet is attached which shows the following: the times when fv!value is called in the 'whenTrue:' parameter (lines 6 & 14), no warning is given. When fv!value is called in the 'then:' parameter (lines 10, 20 & 23), however, a warning is issued. This does not rhyme with the expected b

Hi there, We have a requirement where we are calling  an API on tab out of field. If we have 20 fields 20 API calls will happen and in the payload we are every sending field. I know calling a integration in saveInto is asynchronous ,but loading will complete when all saveintos are executed.Is there any way to optimize it, because latency is very high (It is taking around 1 min to complete the loading). can we make it truly async like React or js based applications?

Hi everyone, I have an interface which displays a list of documents (UI_ListOfDocument), and originally user need to choose one document in the list to preview it (UI_Preview  will be displayed accordingly showing that chosen document's content), then click back to the list to choose another document for preview.  The request is to create a pagination in the existing interface, so that user just needs to click the pagination buttons to see the next/ previous document preview. I already built the interface for the pagination, but was having trouble in linking the document to it to make it work.  Currently, all related document from the data table are queried using a!queryEntity(), and are saved in a local variable, including it's content.  If anyone has done this before, please leave an advise if possible. Thanks for your helps [emoticon:6d505171faa4497c85c5ca27290c555d]

I have this stored procedure output where the column names are dynamic and may vary according to date range and the column names also have to be printed in the interface in Appian So can anyone help me with the way to print the field names in a dynamic way?

Hi Everyone, I have a read only grid which is connected to Pie chart. When I open the report it should show all the rows with the selected filter but it is empty as below. When I click on any slice in pie chart, the grid is displaying the respective rows  These are filter options I have used in my grid configuration Please help me how to all the rows with selected filter (isresigned)  in the read-only grid when opening the report. 

hi, I want to Complete the empty space to save space, what are the best practices?

I have a read-only grid which should show all the rows with filter (isResigned) when I open the report. Along with that I have pie-chart in the same report based on last working date. So, now when I click on pie chart the read-only grid should be updated based on my selection.  I am able to get the full report with filter isResigned but when I select the column the read only grid is not getting updated.