User Experience Design

Hi everyone, I hope you can help me with something that is driving me crazy. For some scenarios it works and for others it doesn't, but basically I have an interface where the only thing I do is show database information. I went from validating nulls in the following way, {} then to "" and finally null() but the error was always the same "Null?list must be used within a SAIL component." I attach an example of my code, I hope you can help me identify what the problem is. a!localVariables( local!newComment, local!dataVerification: if( a!isNullOrEmpty( ri!recordRequest['recordType!{f3693eb2-ffb2-4407-814e-681b44ba8ef5}TTC Request.relationships.{42fd7ed7-d716-49c6-b449-e1fa839b532a}client.fields.{82090d2d-4f09-4af2-9995-eda5781d1392}id'] ), "", rule!TTC_getVerificationByIdClient( idClient: ri!recordRequest['recordType!{f3693eb2-ffb2-4407-814e-681b44ba8ef5}TTC Request.relationships.{42fd7ed7-d716-49c6-b449-e1fa839b532a}client.fields.{

local!selectedSystemType: if( a!isNotNullOrEmpty( local!dataFeed['recordType!{fcce7d6a-d964-4fb7-bc9c-610a5333f0ee}EILM Inventory Data Feed.fields.{785adc35-6266-4c30-abbe-eca44c05c93d}systemTypeCode'] ), local!dataFeed['recordType!{fcce7d6a-d964-4fb7-bc9c-610a5333f0ee}EILM Inventory Data Feed.fields.{785adc35-6266-4c30-abbe-eca44c05c93d}systemTypeCode'], null() ), a!buttonWidget( label: cons!SHARED_BUTTON_LABEL_NEXT, icon: cons!SHARED_BUTTON_ICON_NEXT, saveInto: if( a!isNullOrEmpty(local!selectedSystemType), {}, a!save(local!currentDataFeedStep, local!currentDataFeedStep + 1) ), style: "SOLID", color: cons!SHARED_BUTTON_COLOR_NEXT, disabled: a!isNullOrEmpty( local!selectedSystemType ), showWhen: local!currentDataFeedStep < 3, validate: true() ),

a!columnsLayout( columns: { a!columnLayout( width: "EXTRA_NARROW", contents: { a!imageField( images: a!documentImage( document: rule!EILM_Datafeed_fetchSystemIcon(systemCode: local!selectedSystemType['recordType!{fcce7d6a-d964-4fb7-bc9c-610a5333f0ee}EILM Inventory Data Feed.fields.{785adc35-6266-4c30-abbe-eca44c05c93d}systemTypeCode']) ), size: "TINY", align: "CENTER" ) } ), a!columnLayout( contents: { a!richTextDisplayField( value: { a!richTextItem( text: { displayvalue( local!selectedSystemType, local!refSystemsData['recordType!{6bfcaf5e-7f37-4e20-a544-b4915d162997}RD Data Feed Systems.fields.{037fb842-a09e-4e3f-836e-85f83c476be1}systemCode'], local!refSystemsData['recordType!{6bfcaf5e-7f37-4e20-a544-b4915d162997}RD Data Feed Systems.fields.{abcb5cb3-86d6-4255-9ce3-f435dc50cb36}systemName'], local!selectedSystemType ) }, color: "STANDARD", size: "LARGE", style: { "STRONG" } ), char(10), a!richTextItem( text: { local!dataFeed

In my use case, A Customer is linked to multiple Units in a one-to-many relationship. On one interface, I have a customer selection, and based on the selected customer, the corresponding units are displayed in a dropdown labeled "Unit." This is achieved using an expression rule within a refresh variable. Additionally, there's an option for the user to add a unit on the same page for the selected customer. For this, I'm using a Record action, where a pop-up window opens for data entry. Once the user submits the data, the unit list in the dropdown is refreshed to include the newly added unit. This is done using the "refresh after record action" feature. While this functionality works as expected in the browser, it does not work on the Appian mobile application. Any suggestions?Here is the Code Snippet local!units: a!refreshVariable( value: rule!FAA_QR_get_Unit( customerTpi: ri!assetRecord['recordType!{20d559ec-3d4b-4870-9672-f594295b09f7}FFA Asset.fields.

Dear community, Modal popup windows are a very frequently asked UI element Appian does not provide OOTB. The purpose of a popup is to make any UI element fade into the background and provide an isolated area to require a specific input from the user. In Appian, we cannot implement this visual style directly, but we can achieve a very similar behavior. Instead, we hide all UI elements and display a single centered card layout. This card contains all the necessary elements. When a user clicks a button, the popup is closed, and the rest of the UI becomes visible again. Read my blog post for more details. https://appian.rocks/2023/06/20/popup-windows-in-appian/ Cheers, Stefan.

Hi , I have a scenario , where if a request is rejected by a user , the same request cannot be delete by the same user who rejected it . a!buttonWidget( label: "Delete", icon: "times", value: cons!Deleted[2] saveInto: {ri!buttonAction} style: "DESTRUCTIVE" showwhen: and( ri!readonly = false, loggedinuser() = ri!maker ---- this is just a rule input with type text a!isNotnullorempty(ri!rejectedby) ), disabled: if( ri!rejectedby = loggedinuser(), true, false ), validate:false Can anyone please help me with it . Thank you in advance.

I keep getting this issue, at first I was able to resolve it by going on the missing precedents page and granting all missing precedents but now there isnt anything missing. 

we have column wise grid users wants it in row wise grid how can we implement 

when I click on the red triangle error, it reads the following: Syntax error Details: Expression evaluation error at functiona!isNullOrEmpty parameter 1 [line3]: Invalid index operator 'hash' (expecting comma).

Hello, I need to add text to a PDF file and save it to a rule input or local variable. Is this possible in Appian? Any suggestions would be appreciated. The a!documentViewer() function allows adding text, but it doesn't save to a local variable or rule input. There's also a pdfAnnotations() plugin that lets you add text, but it requires creating an Adobe project and specifying a domain, which doesn't accept HTTPS. Assistance on this matter would be helpful. I am attaching a screenshot of the Adobe domain issue. Thank you in Advance. Hari Lakkam.

Hi All,  I have a grid(using record data) that its making my interface take about 10-15 seconds to load- it has 32 columns and the data is very big. Any suggestions to improve performance ? thanks in advance

I have the following: rule!ADC_DicionarioBanners { { id: 5, urlImagemMobile: "https://asset.gecdesigns.com/img/wallpapers/beautiful-fantasy-wallpaper-ultra-hd-wallpaper-4k-sr10012418-1706506236698-cover.webp", urlImagemTablet: "https://asset.gecdesigns.com/img/wallpapers/beautiful-fantasy-wallpaper-ultra-hd-wallpaper-4k-sr10012418-1706506236698-cover.webp", urlImagemDesktop: "https://asset.gecdesigns.com/img/wallpapers/beautiful-fantasy-wallpaper-ultra-hd-wallpaper-4k-sr10012418-1706506236698-cover.webp", }, { id: 6, urlImagemMobile: "https://wallpapercrafter.com/sizes/1366x768/108198-purple-nature-colorful-trees-forest-smoke-mist-artwork.jpg", urlImagemTablet: "https://wallpapercrafter.com/sizes/1366x768/108198-purple-nature-colorful-trees-forest-smoke-mist-artwork.jpg", urlImagemDesktop: "https://wallpapercrafter.com/sizes/1366x768/108198-purple-nature-colorful-trees-forest-smoke-mist-artwork.jpg", }, } interface rule: a!localVariables(

a!buttonWidget( label: "SUBMIT", submit: true, style: "PRIMARY", loadingIndicator: true(), showWhen: local!activeStep = length(local!steps), confirmMessage: "Do you want to continue and submit data?", confirmButtonLabel: "SUBMIT", cancelButtonLabel: "CANCEL" ), Hi All, I have a form for the user to add some required/ optional fields, right now my confirmation message in the submit button shows before it validates the required fields. So it shows confirmation message, and then  shows the red field validations- instead I would like to see those validations immediately once I click the first submit, instead of after the confirmation message.  Is there a way to show the confirmation message after the button itself has validated that all required fields are filled in the form? or show confirmation only when all required fields are filled in

Hi , Can anyone please help me with this issue! Thanks for the help in advance. I have an interface , i have used a!gridfield(). In the grid of the column is the date received. The error says that at function a!gridfield cannot apply operator[LESS THAN] to field [Daterecieved] when comparing to value [TypedValue[it=7,v=2024-09 -27] a!gridColumn( label: "Average customer rating", backgroundColor: a!match( value: tointeger(today()-todate("9/11/2024 12:00 AM")) whenTrue: fv!row < 10, then: "NEGATIVE", whenTrue: fv!row > 20, then: "SUCCESS" default: "NONE"),Here in above value: I am calling fv!row[recordtype!abc,daterecieved] , above is just a single value. Thanks for your responses . But Sorry my bad , its actually fv!value which i have given. Below is the code: a!gridField(label:"Rating Grid",data:local!data,columns:{a!gridColumn( label: "Average customer rating",sortField: reco

I have created an interface for Job On boarding application. I put cards as choices to record Candidate Status whether Selected/On-Hold/Rejected, what I want is after selecting anyone of the cards It throw Confirmation message like "Do you want to Continue?". Whether it is possible? If possible, means give me a solution for that.  ps: Due to server issue I have not get the exact cards. This is for reference

Hi All, We have requirement  that when we configure URL in interface that should allow access to microphone and camera. Existing webContentField() doesn't support this. Code snippet for reference a!webContentField( source:"">whereby.com/XXX)  Any pointer regarding will be helpful Thanks

Hi all, I'm a beginner of Appian, and I am required to change the font size of header in read only and editable grid... Is there any way to change them? According to richtextdisplayfield, this seems to be only applied to value... not label in grid column... I need your help. Best regards,

Hi Appian Developers (and Community of course), I hope that somebody from the Apprian Dev Team could answer / provide info. I'm using the Styled Text Editor Component component (a!styledTextEditorField) to display content stored as HTML (display only, no edit required). I'm wondering that is the exact maximum allowable value for the Size limit parameter?  When I set 100K, it prompts "You reached the maximum character limit. Remove characters to continue." (it is an email conversation stored as html and it is expected to be large in size). When I reduce it to 99K (set value for Size limit parameter to 99K), the error is gone. Obviously, it lays somewhere between 99K and 100K but I would like to know what is the maximum allowed, to be able to display as much as possible of the text. Or does it maybe depend on the encoding - single-byte/multi-byte? However, the documentation states "... The parameter value is about equal to the number of charac

Hi Everyone, I need to Implement one grid Structure that would be like  the grid would be dynamic grid, the request Ids may depend on cif number, For Example (CIf-117907 have 5 requests (123456,12456,13456,134566,1244555) like that. How Would I do that if someone can provide solution that would be more helpful, If more details required please let me know   Thanks.

I do have a process model with start form. All my buttons are set to "Submit: true" but for some reasons not always buttons not redirect user back to record view. I do have enable chaining between all the nodes.  None of the sub process is run as async process. Enable chaining is also enabled between all nodes in sub processes. I'm using Appian version 20.1

I have a requirement where I have a wizard form with 2 steps. In first step, I need to fill in some mandatory data fields and when I click on next to move to 2nd step, then on the basis of the data filled in for those mandatory fields in step 1, a dynamic email template is generated which user can freely edit.  The problem I'm facing here is because generated dynamic email template is displayed in an editable paragraph field and formed on the basis of data in mandatory fields. Now, user can also edit the words that came directly from mandatory fields in the email body or subject. This can cause data inconsistency issues, data which is saved for mandatory fields in DB and data sent in email. What can be best solution for this problem from UI design perspective - I thought of validations but it seems next to impossible to validate the data entered in free paragraph field with what is entered in previous step and then I thought of making the mandatory fields data as readonly

Hi,I am using a gridField ... Now I want to highlight a row based on a value of a particular value .. say suppose I am displaying employee info (id, name, salary, location etc ) ... Now I want to highlight a row where the employee id = 10 with red color ...  Is it possible to do so ?     

Hi Guys I tried to create a readonly grid where i have one column with document download link . I did null handling for that when we have a document i should be able to see the download icon with link if we dont have any document i should be able to see the text message stating no documents .When i tried to open the component configuration for the read only grid i am encountering the error. Please find the image which i  attached .Can someone help me this error what exactly. Thanks in advance

I created an interface after that dragon drop the Read-only grid into the interface, I am fetching the data to grid that time I click on the read only grid I got Error. I attached the screen short above ...Could you please help me how to resolve that error . Error :- Error Evaluating UI Expression Expression evaluation error [evaluation ID = FRBXE] : Invalid index: Cannot index property 'component' of type Text into type AnyLinkField?list