December 2017
Intermediate to advanced
282 pages
5h 54m
English
Tabs lets us populate a page with heavy content which can be split into groups and populated in each of the tabs. Previous versions of web applications used to have heavy tab components; however, Oracle JET has given us a simplified web version of the tab feature with ojTabs. The following example demonstrates the usage of tabs:
<div id="tabs-container"> <div id="tabs" data-bind="ojComponent: {component: 'ojTabs', disabledTabs: [3]}"> <!-- tab bar --> <ul> <li><span>Tab One</span></li> <li><span>Tab Two</span></li> <li><span>Tab Three</span></li> <li><span>Disabled Tab</span></li> </ul> <!-- tab contents --> <div id="tabs-1"> <p>Tab One Content</p> </div> <div id="tabs-2"> <p>Tab Two Content</p> </div> <div id="tabs-3"> <p>Tab ...Read now
Unlock full access