| Note | ||
|---|---|---|
| ||
As of July 25th, 2023, there is a content freeze on this page. |
The tab layout widget is a container for other widgets. Like a tab panel, the tab layout is used to organize widgets on the screen. When the user changes tabs, one tab container becomes visible, and the other tab containers are hidden, making widgets inside the other tabs hidden. Tab panels help to simplify overly cluttered pages by dividing the content into easily understandable chunks, improving the overall user experience for your users.
The tab layout behaves like the tab panel widget except for a few differences.
| Feature | Tab Panel | Tab Layout |
|---|---|---|
| Allow nested tab widgets | No | Yes |
| Widgets inside can use percent dimensions | No | Yes |
| Allow lazy-loading widgets1 | No | Yes |
| Tab Styles | Yes, as a property | Yes, via CSS |
| Charts load data only when tab is selected | Yes | No, unless "lazy load" is true |
1Lazy loading is available for tab layouts in Profound UI Version 6 Fix Pack 1.0. 2Charts in tab panels do not load until the tab becomes inactive, but other widgets load when the page loads.
...
ontabclick
See ontabclick event (Tab Panel) for more. Widgets in the new tab are not made visible until after the ontabclick code runs.
...