[
{
"subLinks": [],
"label": "Sample Contact",
"url": "https://median.dev/sidebar-tab-demo/contact"
},
{
"subLinks": [],
"label": "Sample About",
"url": "https://median.dev/sidebar-tab-demo/about"
}
]
var items = [{
label: "Google",
url: "https://google.com",
icon: "fab fa-google" // optional font awesome 4.7 icon
}, {
label: "Sample Grouping",
isGrouping: true,
subLinks: [{
label: "Apple",
url: "https://apple.com",
icon: "fab fa-apple" // optional
}, {
label: "Google",
url: "https://google.com",
icon: "fab fa-google" //optional
}]
}, {
label: "Sample Javascript",
url: "javascript:alert('test')"
}];
median.sidebar.setItems({
'items': items
});
{
"tabSelectionConfig": [
{
"id": "1",
"regex": "https://median.dev/sidebar-tab-demo/about.*"
},
{
"id": "2",
"regex": "https://median.dev/sidebar-tab-demo/contact.*"
}
],
"tabMenus": [
{
"items": [
{
"subLinks": [],
"label": "Home",
"url": "https://median.dev/sidebar-tab-demo/index",
"icon": "fas fa-house"
},
{
"subLinks": [],
"label": "Contact Us",
"url": "https://median.dev/sidebar-tab-demo/contact",
"icon": "fas fa-envelope"
}
],
"id": "1"
},
{
"items": [
{
"subLinks": [],
"label": "Home",
"url": "https://median.dev/sidebar-tab-demo",
"icon": "fas fa-house"
},
{
"subLinks": [],
"label": "About Us",
"url": "https://median.dev/sidebar-tab-demo/about",
"icon": "fas fa-user"
}
],
"id": "2"
}
],
"active": true
}
median.tabNavigation.setTabs({
"enabled": true, // set enabled to false to hide the tabs
"items": [{
"icon": "fas fa-cloud", //optional
"label": "Tab 1",
"url": "javascript:alert('You selected tab 1')"
}, {
"icon": "fas fa-globe", //optional
"label": "Tab 2",
"url": "javascript:alert('You selected tab 2')"
}, {
"icon": "fas fa-users", //optional
"label": "Tab 3",
"url": "javascript:alert('You selected tab 3')"
}]
});
if (navigator.userAgent.indexOf('gonative') > -1 || navigator.userAgent.indexOf('median') > -1) {
median.tabNavigation.selectTab(tabIndex);
// the tabs are 0-indexed
// i.e. tabs/select/1 will select the second tab
}