User Experience Design

Hello everyone, I have a requirement where I should be able to grey out the weekends for the user while selecting any date on a date field. Also, they have some list of standard specific dates where the calender should be greyed out. Can anyone help me how I can achieve this? Thanks!!

Would be nice to have the Indeterminate state  on column heading on selectable grids where only some of the rows have been selected /resized-image/__size/640x480/__key/communityserver-discussions-components-files/13/Screenshot-2024_2D00_10_2D00_18-at-11.08.00_2F20_a.m_2E00_.png

I want to know the internal mechanism of local variable refreshing in an interface. When a local variable is refreshing, what is the underlying logic of the behavior? Is all code re-executed? Can you give me a conclusion and provide a demo to prove the conclusion.

Hi, sometimes I have to go back to the basic rules of Appian. I have an editable grid with REQUIRED fields to show in a page of a Site. To make this validation work, I have to put the interface in a start form of a process and then add this process in a site page as Action, otherwise it won't work. Is that correct? Thank you

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.

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.