You can help by commenting or suggesting your edit directly into the transcript. We'll review any changes before posting them. All comments are completely anonymous. For any comments that need a reply, consider emailing training@inductiveautomation.com.
Version:
LESSON LIST
LESSON
Navigation – Tab Strip
Description
Learn how to navigate through your project using tabs.
Video recorded using: Ignition 7.7
Transcript
(open in window)[00:00] It is very common to use tabs for navigation in Ignition. Here's an example of this strategy. As you can see here, I have two windows that opened up startup. I have a docked west window; it's over here to the left hand side, that contains my tabs here. This window is always open, and it cannot be closed because I want to be able to use it to navigate from one window to another. Then I have a main window here that's open. And I have opened main window one, by default, which is the first one. Then of course, from here, I click on the tabs to go to other windows. And when I click on main window two, it simply swaps out main window one with main window two. So there's always two windows open here, unless I open a pop-up. So I can navigate using the tabs here, back and forth between the various windows. Now the way this is configured in designer, is on my navigation window, as you can see here, I have navigation and main window one. They're both set to open on startup, with the little icons to the right hand side. That's the flag; you can right-click and set. And the navigation window has the tab strip component inside of it. The tab strip component has a property built-in for navigation mode, which is set to swap to window. Which is exactly what I want to do in a typical navigation strategy. From here, I can right-click on the component, go to customizers, tab strip customizer, and it can specify exactly which window to open under the tab name for each of the tabs. So I add one or more tabs here, and use the dropdown list to select which window I want to open, or swap to on that tab strip component. So as you can see, main window one goes to one; two goes to two; and three goes to three. So if I add another one, I can then select that window. So it's really simple here. Once I select that, and I save it in the runtime, when I go and click on that tab, it's going to swap to that window on the right hand side. Now if that window has a pop-up, a button to open a pop-up window like this. Of course that pop-up window is going to be on top. Then I can move around, and be able to drill into various parts of that project.