Modal Pop-Up

Question

Hi, is there an option for a modal pop-up in Appian? Like when a pop-up will appear and the entire screen will be greyed out except the pop-up and until you select any option in the pop up the screen will remain greyed out. Can anyone let me know if possible then how can it be done?

Sanchit Gupta (Xebia) · Answer

True Pop-ups are only possible using record actions in Appian with Open Actions In set to "Dialog Box", but the entire screen will not be greyed out instead it will appear on top of it. You can also consider confirmation message popup in buttonWidget.

tushark8069 · Answer

Hi Shalini, in your scenario you need to create an interface or functionality that works like pop-ups but they are not true pop-ups. You need to basically trigger the visibility of the objects using "showWhen" parameter. You can take the reference from the below-mentioned code : a!localVariables(
 local!name,
 local!showPopup: false,
 {
 a!sectionLayout(
 contents: {
 a!textField(
 label: "Enter Name",
 value: local!name,
 saveInto: local!name
 ),
 a!buttonArrayLayout(
 buttons: {
 a!buttonWidget(
 label: "Submit",
 icon: "arrow-right",
 value: true,
 saveInto: local!showPopup,
 style: "PRIMARY"
 )
 },
 align: "CENTER"
 )
 },
 showWhen: not(local!showPopup)
 ),
 a!columnsLayout(
 columns: {
 a!columnLayout(),
 a!columnLayout(
 contents: {
 a!cardLayout(
 contents: {
 a!sectionLayout(
 contents: {
 a!richTextDisplayField(
 labelPosition: "COLLAPSED",
 value: {
 a!richTextItem(
 text: {
 "Are you sure?"
 },
 size: "MEDIUM_PLUS"
 ),
 }
 )
 },
 divider: "BELOW"
 ),
 a!buttonLayout(
 primaryButtons: {
 a!buttonWidget(
 label: "OK",
 icon: "check",
 value: false,
 saveInto: local!showPopup,
 style: "PRIMARY"
 )
 },
 secondaryButtons: {
 a!buttonWidget(
 label: "Cancel",
 icon: "times",
 value: false,
 saveInto: local!showPopup,
 style: "NORMAL"
 )
 }
 )
 },
 marginAbove: "EVEN_MORE",
 showBorder: false,
 showShadow: true
 )
 }
 ),
 a!columnLayout()
 },
 showWhen: local!showPopup
 )
 }
)

Mike Schmitt · Answer

This seemingly gets asked here at least once a week (or at least, almost that much)... 
 Here's just a first-glance list of ones that come up first if i search the word "modal" here: 
 
 https://community.appian.com/discussions/f/new-to-appian/24508/modal-pop-up ( deja vu... ) 
 https://community.appian.com/discussions/f/user-interface/24621/modal-popup 
 https://community.appian.com/discussions/f/user-interface/14733/is-modal-popup-available-in-appian-interface-designer 
 
 One of the above is even your post from just over a year ago - i'm not sure why you'd ask the exact same thing again and expect a different answer?