User Manual







Sepasoft - MES Modules
Cirrus Link - MQTT Modules


Inductive University
Ignition Demo Project
Knowledge Base Articles
IA Support
SDK Documentation
SDK Examples


Ignition 8
Ignition 7.9
Ignition 7.8

Deprecated Pages

Skip to end of metadata
Go to start of metadata


Two Tier Navigation is similar to the Tab Strip navigation strategy. It's good for small and regular size project structures where windows are grouped, and lets you organize your main windows into different sections making navigation easy for users.  It uses two levels of tabs to navigate around various areas of your project. Once you select a first tier tab, a different set of tabs appear in the second tier to switch between different windows.

This works a bit differently than the default Tab Strip navigation, as the first tier Tab Strip will actually not do any window swapping, which will instead be left up to the second tier of tabs.

On this page ...

Navigation - 2 Tier

  1. To create first level tabs, add a Tab Strip component to a docked window and give it a name like First Tier Tabs.
  2. Right click on the Tab Strip and select the Customizers > Tab Strip Customizer.
  3. For this Tab Strip, we want to set the Navigation Mode to Disabled, as it will not be swapping any windows. 

    1. Click Add Tab to create a new First Tier Tab.  Enter a keyword for your Tab name. (i.e., Reporting) in the Window Name and Display Name fields. The Window Name property is not important here, since the Tab Strip is not swapping to any windows.  

    2. Press OK after adding a few first tier tab categories.

  4. Add a second Tab Strip component immediately below the first. Name it one of the categories that were created in the first tier (i.e. Reporting Tabs
  5. Right click on the Reporting Tabs Tab Strip and select the Customizers > Tab Strip Customizer.
  6. Add Tabs like you would for a normal Tab Strip, but only add tabs that fit that category of windows.

    Main Windows already created

    This step assumes you already have your second tier main windows created in your Project Browser.

  7. Create a second tier Tab Strip component for each category that was made in the first tier Tab Strip, stacking the second tier Tab Strips on top of one another.

  8. The second tier tabs can be shown or hidden depending on what tab is selected in the first tier.
    1. Select a second tier Tab Strip.
    2. Go to the Property Editor, select the Visible binding icon, and select the expression binding.
    3. Set up an expression to be true when the appropriate first tier tab is selected.

      {Root Container.First Tier Tabs.selectedTab} = "Reporting"
    4. Set up something similar on all second tier Tab Strip components.
  9. Save and Publish your project. 
  10. Open your project in the Client, click on the various tabs to see your first and second tier tabs switch between the different windows. 

2nd Tier Tab - Report 1

2nd Tier Tab - Report 2


  • No labels