lines when attach toolbar to layout

Suite and Optimus Suite 5
#1

hi, mycode is:
var dhxLayout,
dhxToolbar;
var DisplayInDivID = “asbc”;
var el_layout_id = DisplayInDivID + new Date().getTime();
var el_layout = document.createElement(“div”);
el_layout.style.width = “100%”;
el_layout.style.height = “200px”;
el_layout.style.borderLeft = “0px”;
el_layout.style.borderRight = “0px”;
el_layout.id = el_layout_id;
el_layout.style.top = “0px”;
document.body.appendChild(el_layout);
dhxLayout = new dhtmlXLayoutObject(el_layout_id, “1C”);
dhxLayout.cells(“a”).setWidth(350);
var dhxToolbar = dhxLayout.cells(“a”).attachToolbar();
dhxToolbar.setIconsPath(“./images/toolbar/imgs/”);
dhxToolbar.setSkin(‘dhx_skyblue’);

shao.png1062×1008 12.9 KB

you can see in the attachment,
1,when i delete “dhxToolbar.setSkin(‘dhx_skyblue’);” there is another more border line between layout and toolbar (bottom)
2 ,when i add “dhxToolbar.setSkin(‘dhx_skyblue’);” there is no toolbar’s border lines ( top)
3,in your example, there are normal border lines,but the skin is not skyblue.(middle)

#2

Hi,

we have not reproduced the problem in the first picture.

Regarding the third picture - when toolbar is initialized by attachToolbar method, it applies the skin of the parent container (layout skin is dhx_skyblue) and sets background different from an usual background of toolbar: it is without a top border.

However, when you call setSkin manually, toolbar applies a skin with the usual background (with the top border).

if the problem (picture 1) still occurs, you may attach the complete demo where we could recreate the problem