Navigation Tabs in the Web Widgets library... Is the widget buggy?

Samuel Asher shared this question 6 years ago
Answered

Using the navigation tabs widget, the first panel gets redisplayed no matter what screen I go to. Ex: I have a navigation tabs widget with panel-1 & panel-2. In panel-1, there is tab-1-1 & tab-1-2. In panel-2, there is tab-2-1 & tab-2-2. Each tab represent a different screen. When I click on tab-2-2, I go to the correct screen, but panel 1 becomes the visible and operational panel, instead of panel-2.


Is the widget broken? Should I be doing something else to maintain the active panel? Should I be using 2 different templates?

Comments (7)

photo
1

I'm sorry but I don't know what widget are you referring to. If you want to know how to build tabs you can take a look at this video tutorial : http://www.justinmind.com/prototyper/...

photo
1

The widget I'm talking about is called "Navigation Tabs" and is part of the web widgets. What I did not realize when I first used it is that it only works to 'show/hide' dynamic panels within a single screen. It assumes that every tab and sub-tab "shows" one dynamic panel and "hides" the rest, all within the same screen. I tried using it to navigate to different screens, one for each sub-tab. That does not work.


The documentation for the widgets is sparse, so I ended up spending a lot of time trying to get it to work the way I thought it should work. Yes, there is a tutorial about using tabs, but not sub-tabs, and I saw this widget that appeared to do what I wanted.

photo
1

If you just want to navigate from screen to screen using tabs then you don't need to use that widget. Just draw the tabs in each screen and link them.

photo
1

Thanks. I'm sure that would work, but what I want is to use something in a template so that I do not have to draw it in each screen. I ended up using the "Left Navigation Bar" widget. It is not how I want the system to look & feel, but at least it works to navigate between screens, and I can put it into a template and define it once.


BTW, do you see how both those are named with the word "Navigation"? That is, "Left Navigation Bar" and "Navigation Tabs"? That is why I thought they were equivalent methods to navigate.

photo
1

Also, it is not just the Tabs, but the sub-tabs. With the left navigation bar, there are menu items and sub-menu items.

photo
1

You are right, maybe 'navigation tabs' is not the best name for that widget.

photo
1

To do that kind of tabs navigation between screen just draw all the tabs in the template but with the style 'unselected'. Then, in each screen, draw above the tab for that screen another tab but this time with style 'selected'. Do the same in all the screens. Then you just have to go to the template and link each 'unselected' tab to its corresponding screen.