Start Building Professional
Web Apps Today

Layout - New Pattern '5E'

Hello,

i want to realize a new pattern:

--------------------A----------------------------
----------------B-----------
----------D-------- -----------------E----------
-------------------E-----------------------------

I know tath this can be realized as nested layouts, but i have to realize mey own skin.
I faced out a problem, when used nested layout: the right border will be not displayed.

Changing style

table.dhtmlxLayoutPolyContainer_dhx_blue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar {
    position: relative;
    font-family: Tahoma;
    font-size: 2px;
    height: 31px;
    height=33px;
    margin-bottom: 1px;
    background-image: url("../imgs/dhxlayout_dhx_blue/dhxlayout_bg.png");
    background-repeat: repeat-x;
    background-position: top;
    overflow: hidden;
    border: red 1px solid; /*border: #C2D5DC 1px solid;*/

in css and using:

var mainLayout = new dhtmlXLayoutObject("parentId", "2E");
mainLayout.cells("a").hideHeader();
mainLayout.cells("a").setHeight(20);
mainLayout.cells("a").fixSize(true, true);
mainLayout.cells("b").fixSize(true, true);
mainLayout.cells("b").hideHeader();

var partlayout = new dhtmlXLayoutObject(mainLayout.cells("b"), "3L");

will visualize the problem.

Now i want to write a own pattern 5E, but i cannot interpret the data in a right manner:

it seems to be clear that:

"5E_hor": new Array("a;b;e", "a;c;d;e"),
"5E_ver": new Array("a", "b;c", "b;d", "e"),

but
"5E": '<layout><autosize ...............?

I appreciate any help and think, that this layout represents a common usage.

Thanks in advance,
Stefan


PS: please enable attachments also for creating questions :-)

Could you please provide a screenshot, it is not clear from text mock-up.