Filter Tab - Background Color
To customize the design of your component to match the filter tabs, first, you will need to make sure a filter tab is set up with a color selected.
Once you have selected a color for the filter tab, you will navigate to your page's JavaScript tab.
Within the tab, copy and paste the code found here:
TB.render('any', function(data) {
component = data.objId;
cp = '[data-obj-id="' + component.replace('component_', '') + '"]';
function bgcolor(elm) {
$(cp).find(".table-actions").css({
"background-color": $(elm).css("background-color"),
"border-color": $(elm).css("border-color")
})
}
if ($(cp + ' .filter-tabs > .nav.nav-tabs > li.active').length) {
bgcolor($(cp + ' .filter-tabs > .nav.nav-tabs > li.active > a').first())
}
jQuery('body').on('click', cp + ' .filter-tabs > .nav.nav-tabs > li > a', function() {
bgcolor(this);
});
});