I want to verify my results are correct.
1. When creating the tab object, you cannot set any tab id to: .style.display = ‘none’ before the control is made.
a. In doing so, if you bring it back, the space is there for it, but no tab occupies it.
b. Proper method: never hide items within a control until the control is made.
2. When creating the names for the tab, if they are renamed at any time after the control is made, you must have the initial names long enough so that when renaming, the last tab stays in order and does not drop below the other tabs. This occurs only if the control determines it must scroll. So not on a large screen, but on a smaller screens such as mobile.
i. Tabs: Sections, Parts Diagram, Parts List, Cart
ii. If the tab labeled Cart become 3I(16Q)Cart, and the window is small, even set to scrolling, the 3I(16Q)Cart falls below. It loses it’s theme, making it questionable it is even a tab.
b. Proper setup:
i. Make the label names long, does not really matter what you name them.
ii. After the control is made, rename them the correct names, and the control works fine.