Skip to main content

css

Optional. The name of a CSS class(es) applied to Tabbar

css?: string;

Example

<style>
.custom .dhx_tabbar-tab-button--active {
background-color: rgb(2, 136, 209);
color: var(--dhx-color-white);
}
.custom .dhx_tabbar-header-active {
background-color: #ff5252;
}
</style>

<script>
const tabbar = new dhx.Tabbar("tabbar_container", {
mode: "top",
css: "custom",
tabAlign: "center",
views: [
// view objects
]
});
</script>

Related sample: Tabbar. Styling (custom CSS)

Note, that the DHTMLX library provides a set of own CSS classes that you can also apply to change the appearance of Tabbar:

const tabbar = new dhx.Tabbar("tabbar_container", {
css: "dhx_widget--bg_white"
});

Related articles: