Toolbar attached to layout cell looks bad using web skin

Suite and Optimus Suite 5
#1

I’m trying to attach a dhtmlXToolbar to a specific dhtmlXLayout cell using the web skin and it doesn’t look correct. This looks just fine using the skyblue skin. Are we not supposed to attach toolbars to layout cells? Was it not made to work that way with the web skin? My code is extremely simple…

/* w = window l = layout t = toolbar */ w.l = w.attachLayout("2U"); w.l.t = w.l.attachToolbar(); //looks fine w.l.cells("b").hideHeader(); w.l.t2 = w.l.cells("b").attachToolbar(); //looks bad, why???
Here is an image of what I’m talking about. Please help. Thanks!

dhtmlx_layout_toolbar_question.jpg919×340 62.8 KB

#2

Hi,

Yep, there is a bug here. As quick solution, add the next styles to a page

<style>
  .dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def,
  .dhxwins_vp_dhx_web div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def{
    border-width: 1px;
  }
</style>

Check the next snippet
snippet.dhtmlx.com/8ae26fef5