Creating a Popup Message Box for Oracle JET Forms by Paul Thaden

Posted: September 28, 2016 in JDeveloper & ADF, Mobile
Tags: , , , , , ,

image

Sometimes the end-user just wants to be reassured that you heard them. Recently I needed a pop-up confirmation message for an Oracle JET demo, something some call “toast.”

The inner Offcanvas Dismissal cookbook entry provided a good example for what I was looking for, albeit revealing from the side edge instead of the top.

The idea is that you wrap the whole page component in a oj-offcanvas-outer-wrapper and then wrap the pop-up toast message and content you want to overlay in an oj-offcanvas-inner-wrapper. Finally the “offcanvas” content is wrapped in a div with a unique ID and one of four oj-offcanvas-xxxx edges (id="innerDrawer" and oj-offcanvas-top in our example code). This content is hidden by default, but you can reveal it with a call such as oj.OffcanvasUtils.open(self.innerDrawer) when you’re ready to show the message.

How does it know what to show? Because that self.innerDrawer is an object we pass in that points at the CSS selector for our inner drawer (there are other options for OffcanvasUtils() to play with in the JSFiddle below, too): Read the complete article here.

WebLogic Partner Community

For regular information become a member in the WebLogic Partner Community please visit: http://www.oracle.com/partners/goto/wls-emea ( OPN account required). If you need support with your account please contact the Oracle Partner Business Center.

Blog Twitter LinkedIn Forum Wiki

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s