attach header to a cell of layout

Suite and Optimus Suite 5
#1

Hello,

In my layout i would like to put a element html (it displays my logo, profile company) to header side and grid object in one cell of layout, Is it possible to attach header and grid in one/specific cell of layout, if not how to do my above scenario.

Thank You

#2

Hello
Try the next
script:

function doOnLoad() { //debugger; layout = new dhtmlXLayoutObject(document.body, "2U"); mygrid = new dhtmlXGridObject('gridbox'); mygrid.setImagePath("../codebase/imgs/"); mygrid.setSkin("dhx_skyblue"); mygrid.loadXML("../samples/dhtmlxGrid/common/gridH.xml"); layout.attachHeader("my_header"); }
body:

[code]

[/code]
#3

Hello Darya,

Thank You very much for your replay, I’ve modified your code :

var layout;
		function doOnLoad() { //debugger;
         layout = new dhtmlXLayoutObject(document.body, "2U");
         layout.cells("b").attachObject("my_header");
		 
		 mygrid = new dhtmlXGridObject('gridbox');
         mygrid.setImagePath("../../../codebase/imgs/");
         mygrid.setSkin("dhx_skyblue");
         mygrid.loadXML("../../../samples/dhtmlxGrid/common/gridH.xml");
         //layout.attachHeader("my_header");
		 
      }

But When i collapsed cell(“a”) there’s empty space beside the grid. What i want is my grid has the same behavior/dynamic (width, height etc) as we’re using attachgrid() method to attach grid in a cell of layout.

Thank You.

layout.png1909×805 25 KB


layout1.png1365×432 21.6 KB

#4

If is correct behaviour. Such situation will arise because you attach grid to the cell through the div.
You can try the next:

  1. onCollapse/onExpand and onPanelResizeFinish recount manually width of the grid
  2. use 3L pattern widthout header (hideHeader()) of the cell B and attachObject() to this cell - it will be your header (“green” div), plus setHeigth() and fixSize() added and attachGrid() to the cell C
#5

Thank You Darya

#6

You are welcome!