Create a Flyout Widget

Use the Flyout Widget Properties window in the Widget Manager to create a Flyout Widget.

Any widget that is covered by a Flyout Widget when the Flyout Widget is expanded must be in a layer that is in front of the Flyout Widget. If the Flyout Widget layer is in front of another widget, the widget behind the Flyout Widget will be inaccessible even when the Flyout Widget is collapsed. For information about widget positions, see Layer a Widget.

  1. Create a Widget.
  2. In the Type drop-down list, select Flyout.
    The Flyout Widget Properties fields appear. See Flyout Widget Properties for more specific information about each field.
  3. Select the applicable Tab Settings.
    • Tab Text: Type the text that will display on the tab.
    • Tab Size: Type the size of the tab in pixels.
    • Tab Color: Select the color of the tab.
    • Drop Shadow on Tab: Select this option if you want to display a drop shadow on the tab.
    • Tab Position: Select the side of the widget on which the tab will appear. The widget expands in the direction of the tab and collapses away from the tab.
  4. Select HTML page or Web Site and configure the related properties:
    • HTML page: Select this option to display a specific HTML page. Browse to select an existing HTML page or create a new HTML page in the HTML Page Editor.
    • Web Site: Select this option to display a website, utilize tokens, and/or send a POST request to a URL.

      URL: Type the URL of the website.

      Refresh every: Select this check box to refresh the content of the Widget according to the defined time period, and then provide the refresh timeframe (every x hours or minutes).

      POST: To send a pre-load POST to a website, select the Execute POST before widget load check box, type a POST URL and a POST Body that can execute a POST request upon loading or refreshing. Right-click on any of these text fields or select the drop-down arrow next to the field to specify a token on the URL. The token can reference Stored Values, System Functions, and Custom Expressions.

      Store Response: To store and use the data from a POST response in a Stored Value, select Store Response and select an existing Stored Value or create a new Stored Value in the Stored Value Manager.

  5. Select OK.