а

How to change height of tabbar, attached to layout?


#1

I’m attaching tabbar to layout cell. Either cell height set to 40px, tabbar attaching with its default 60px.
How I can change the height of tabbar?

Thanks


#2

Unfortunately the problem cannot be reconstructed locally.
Could you please, provide a using code snippet/demo link or a complete demo, where the problem can be reproduced locally.


#3

Sorry, this is my mistake: toolbar, not a tabbar.

Here is a problem: I created simple layout:

var config = {
css: “dhx_layout-cell–bordered”,
rows: [{
id: “toolbar”,
css: “dhx_layout-cell–border_bottom”,
gravity: false,
height: “40px”
},
{
id: “content”,
html: “Content”,
gravity: true,
css: “dhx_layout-cell–no_border”
},
{
id: “footer”,
css: “dhx_layout-cell–border_top dhx_widget–bg_gray”,
gravity: false,
height: “40px”
}
]
};
where height of top and bottom area set to 40, instead of 60, as in the example.

Then I attached the basic toolbar to the top Layout cell:

layout.cell(“toolbar”).attach(toolbar);

How I can see in Chrome: the toolbar height is 58, so the “Content” html from middle cell are moving behind the bottom border of toolbar.

Does the attached objects should respect the parent container dimensions?


#4

Unfortunately the toolbar has the fixed min-height and cannot be autoadjusted to less than the 58px.