Modal Show & Modal Hide

These functions provide straightforward ways to manage modal windows within your app, allowing for both the display and concealment of content in a modal format.

Modal Show | PfJs.modalShow ( content, noclose )

PfJs.modalShow(content, noclose)

This function displays the specified content in a modal window. If you set noclose to true, the modal will not show a close icon, making it stay open until explicitly closed by other means.

Example: Show a modal WITH a close icon

PfJs.modalShow('This is custom content.');

Add a noclose parameter to remove the close icon.

Example: Show a modal WITHOUT a close icon

PfJs.modalShow('This is custom content.', true);

---

Modal Hide | PfJs.modalHide()

PfJs.modalHide()

Example: Hide the modal window

This function hides the currently displayed modal window. Example:

PfJs.modalHide();

---

Usecases

Embedding a Screen Inside a Modal

First, you create an empty "div" element within a modal using PfJs.modalShow.

Then, use PfJs.embedScreen to embed Screen 4 into the previously created modal "div".

PfJs.modalShow("<div id='modalDiv'></div>");
PfJs.embedScreen("modalDiv", "4");