Dhxcelltop Toolbar


#1

I am placing the Toolbar on top of Layout. How can I remove the bottom padding from the toolbar (blue arrow) and set the layout top (red arrow) to 33px (height of toolbar) so there is no space between them like the second image?

Thank you.

toolbar_layout toolbar_layout_2

            function doOnLoad() {
            portalLayout = new dhtmlXLayoutObject({
                parent: "layout",
                pattern: "1C",
                padding: 0,
                cells: [
                    {id: "a", header: false}
                ]
            });

            portalToolbar = portalLayout.attachToolbar({
			    icons_path: "/dhtmlx/samples/dhtmlxToolbar/common/imgs/",
			    xml: "/dhtmlx/samples/dhtmlxToolbar/common/dhxtoolbar_button.xml"
            });
        }

#2

Unfortuanetly the problem cannot be reproduced locally.
Here is the snippet as a test:
http://snippet.dhtmlx.com/5/7105ac4df
If the problem still occurs for you could you please, provide a similar snippet, complete demo or a complete demo, where the problem can be reconstructed.


#3

Thank you for the reply.
I apologize, I do not know the paths to use in the snippet but, here is a snippet that shows the issue I am attempting to resolve. Select the HTML tab: http://snippet.dhtmlx.com/5/cee808e32

This is intended to be used for a web based application in a Chrome frameless window so we are wanting the toolbar and layout to be tight to each other.


#4

Pleas,e try to ad the following css on your page:

<style>
   .dhxlayout_base_material div.dhxcelltop_toolbar{
         padding-bottom:0px !important;
   } 
</style>

#5

Perfect! :+1: Thank you so much.