Access Keys:
Skip to content (Access Key - 0)

Popup

A popup is defined by a collection of content in a layer whose name starts with ‘popup-‘. You can create as many popups on a page as you wish, with each group of content you wish to be a popup in its own layer. An example popup layer name would be: “popup-info”. A popup must have open and close buttons to control its visibility and it must not have any layers above it. A popup is typically used for displaying additional information.

Create the popup

  • Create a new layer named -popup-exampleName.
  • Make sure all content you wish to be visible on this popup exists in the layer created in the previous step. (See below for layer structure).

       

Create the close button

  • Add your close icon (positioned top right of the popup) to the popup layer.
  • Open the Button window and click ‘convert to button’.
  • Add the ‘Go to URL’ action from the 'action + -'  menu.
  • Enter the URL: layer://-popup-exampleName (See below).

           

Create the open button

  • Add your open icon to your main interactive layer (not your popup layer).
  • Open the Button window and click ‘convert to button’.
  • Add the ‘Go to URL’ from the 'action + -'  menu.
  • Enter the URL: layer://-popup-exampleName (See above for an example).
  • When you have completed your work and are ready to export, we advise you to turn off the popup layer in the layers palette. (See below).

        

Download a demo here: AppStudio_testcases_popup.zip

Adaptavist Theme Builder (4.2.1) Powered by Atlassian Confluence 3.5, the Enterprise Wiki