Skip to Content

Default language.

Information
This version of the product has reached end of support. The documentation is available for your convenience. However, you must be logged in to access it. You will not be able to leave comments.

Creating a popup window in Progressive Web Applications

In a Progressive View, an open popup window looks like an action blade. The popup window does not open in a new window or on a new tab. Instead, it appears as a child window as an action blade by using a docked panel component. The popup window closes automatically when you close the parent window. You cannot move a popup window outside the parent window.

To specify the width of a docked panel:

The blade width is derived from the Width property of the view that you are using in the Open Window action. The following is the behavior:

  • (View Width <= 250 AND View Width > 0) = Small = 25% of the whole page
  • (View Width > 250 AND View Width <= 500) = Medium = 50% of the whole page
  • (View Width > 500 AND View Width <= 750) = Large = 75% of the whole page
  • (View Width > 750) = Extra large = 100% of the whole page

The following image shows an open popup window in a desktop view:

an-open-popup-window-desktop-view.png

The following image shows two open popup windows in a desktop view:

open-popup-windows-desktop-view.png

The following image shows a mobile view, where the action blade occupies full-screen height and width, which is the default behavior of the docked panel component:

open-popup-window-mobile-view.png


 

Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*

AR System 22.1