English (United States)
Call us! 512-349-0334 or (877) INDUSOFT

Tabbed Navigation

Name: MenuTabs4_01.sym

Range (if applicable): N/A

Properties: Tab1Label, Tab1Screen, Tab2Label, Tab2Screen, Tab3Label, Tab3Screen, Tab4Label, Tab4Screen, sCurrentScreen

Description:

This is a 4 tab navigation symbol.

Notes:

  1. This symbol contains only native IWS objects.

  2. It uses Enhanced graphics (for shadows) that should be turned on in the Project – Settings – Viewer.

  3. This symbol is 30 pixels tall. The designed use is to put on a 30 pixel tall “header” screen and use it to open screens that are 30 pixels from the Top.

  4. The Tag sCurrentScreen should be created in your project as a string type tag. This will keep track of what is the current screen, and show the tab as highlighted and in front of the other tabs.

  5. The “Tab Label” is the label that appears on the tab and it can be different from the “Tab Screen” that must match the actual screen name.

  6. Before you touch or click on any of the tabs you should load the sCurrentScreen tag with the name of the current screen

Ideas for improvement:

  1. Add different colors

  2. Add more tabs

  3. Add different tab styles, rounded corners, taller, 3D bevel, etc.

Here’s how to use this symbol:
Copy the .sym file into your Symbol folder of where InduSoft Web Studio is installed. This is usually “C:\Program Files (x86)\Wonderware InduSoft Web Studio v8.0\Symbol” or similar. Either create a new folder or copy it into an existing one, such as “Navigation”.


Download Tabbed Navigation Here! 

Visit the forum thread for Tabbed Navigation

 

We encourage you to modify and share these symbols with other users. Your symbol might be perfect for someone else, or they might make an ideal symbol for you. We want your feedback, so tell us what symbols you want us to create for the next “Symbol of the week”! Tell us in this short survey