Enables the use of Tabs and Deeplinking
1. Deep Link
See below example. Place the ID of the desired tab into the jquery selection brackets, followed by its parent tab's ID. Use a comma to separate IDs.
Examples:
| Key | Data Type | Values | Description | Select Params |
|---|---|---|---|---|
| *domID* autogenerated | string | dom ID | Gets ID of DOM object | - |
| *navID* autogenerated | string | nav ID | Gets ID of NAV object | - |
| numTabs | integer | 4 *default, {integer} | Assigns the number of tabs for the first set of tabs | |
| numSubTabs | integer | 0,6,0,3 *default, {"string of numbers"} | Assigns the number of sub-tabs under each of the parent tabs. Must be a string of comma-separated numbers with the first number pertaining to the number of sub-tabs under the first parent tab, etc. |
| Key | Data Type | Values | Description | Select Params |
|---|---|---|---|---|
| parentName | string | Tabset *default, {"string"} | Assigns the name of the parent tab set | |
| tabInitial | integer | 0 *default, {integer} (number of tabs) | Initial tab to show, 0 based index | |
| tabAlign | string | "center" *default | Assigns whether tab titles are aligned to the "center" (default), "left" or "right" of each tab. | |
| width | integer | 720 *default, {integer} | Sets the width of the tabs in pixels | |
| tabClass | string | "ifxTabNav" *default, {"classname"} | Assigns a class style to the Tab system. You may write and add your own to the ifxTab.css or use ifxTabNav-1 or ifxTabNav-2 | |
| tabShadow | boolean | false *default | Assigns a shadow to the Tab System | |
| ifxDeepLink | boolean | true *default, false | Turns on and off deep link ability. *See ifxDeepLink | |
| anchor | string | window.location.hash *url anchor: "##" | Deep link anchor *<li> id |
| Key | Data Type | Values | Description | Select Params |
|---|---|---|---|---|
| childName | string | Subtab *default, {"string"} | Assigns the name of the child tab set | |
| tabAlign | string | "center" *default | Assigns whether tab titles are aligned to the "center" (default), "left" or "right" of each tab. | |
| width | integer | 720 *default, {integer} | Sets the width of the tabs in pixels | |
| tabClass | string | "ifxTabNav" *default, {"classname"} | Assigns a class style to the Tab system. You may write and add your own to the ifxTab.css or use ifxTabNav-1 or ifxTabNav-2 | |
| tabShadow | boolean | false *default | Assigns a shadow to the Tab System | |
| ifxDeepLink | boolean | true *default, false | Turns on and off deep link ability. *See ifxDeepLink | |
| anchor | string | window.location.hash *url anchor: "##" | Deep link anchor *<li> id |
1.1
1.0