Question

HOW-TO: Creating modal popup windows in Appian, the easy way

Forum|Forum|3 years ago
June 20, 2023
13 replies
2 views

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.

V

viktorc0001

Thank you Stefan for the blog post! As new to Appian, this is definitely one topic that I need to align my mindset to how Appian is built.

najatb

This is great info. Thank you. Is there a way to bold some texts in a popup dialog? I only want to bold the first word in a sentence..

stefanhelzle0001Author

As that dialog is just a normal Appian interface, bold text should not be much of a challenge.

najatb

yes, I am able to make the title of the dialog box bold but not the other text. I do not want the entire text to be bold. Only a few words in the dialog box.

najatb

ok

shanes0001

That's a pretty clever solution. Even though button styles are out of date in the example code, this is a pretty simple solution to implement in a parent interface.

D

daisym144875

THe best way id to Go With Record Action
{
a!recordActionField(
actions: {
a!recordActionItem(
action: record Name.actions.actionName

In case of Parameters pass them Also

)
},
style: "TOOLBAR",
display: "LABEL_AND_ICON"
)
}

In this way a true Modal Popup can Be Implemented