Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The tab layout behaves like the tab panel widget except for a few differences.

FeatureTab PanelTab Layout
Allow nested tab widgetsNoYes
Widgets inside can use percent dimensionsNoYes
Allow lazy-loading widgets1NoYes
Tab StylesYes, as a propertyYes, via CSS
Charts load data only when tab is selectedYesNo, 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.

...

Unlike tab panels, there is no "tab panel style" property for tab layouts. Tab layout styles must be implemented entirely via CSS. Currently the "Glass" and "Simple" styles are predefined in the profoundui.css stylesheet.

ontabclick

See ontabclick event (Tab Panel) for more. Widgets in the new tab are not made visible until after the ontabclick code runs.


Internet Explorer 8

The tab layout does not render correctly for users in Internet Explorer 8 out of the box, because it uses newer CSS features; e.g. "calc(100% - 24px)". IE8 does not support that CSS feature. Also, as of Version 6 Fix Pack 1.0, Profound UI no longer supports IE8 and IE9.

...