Developer Partner Community

  • September 28, 2016

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

Juergen Kress
PaaS Partner Adoption


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

Be the first to comment

Comments ( 0 )
Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.