Custom Layout : I need some help

Suite and Optimus Suite 5
#1

Hello,

I’ve tried to create my own custom layout, but it doesn’t work properly.
I’ve started from the 6C layout, but I wanted to remove one row, and flip it.

What did I do wrong?

dhtmlXLayoutObject.prototype.tplData["5J"]='<layout><autosize hor="a" ver="e;a" rows="4" cols="2" /><table data="b,a;c,a;d;a;e,a;" /><row><cell obj="b" wh="2,4" resize="ver" neighbors="b;c;d;e" /><cell sep="ver" left="b,c,d,e" right="a" dblclick="a" rowspan="7" /><cell obj="a" wh="2,1" resize="hor" neighbors="b,c,d,e;a" rowspan="7" /></row><row sep="yes"><cell sep="hor" top="b" bottom="c" dblclick="b" /></row><row><cell obj="c" wh="2,4" resize="ver" neighbors="b;c;d;e" /></row><row sep="yes"><cell sep="hor" top="c" bottom="d" dblclick="c" /></row><row><cell obj="d" wh="2,4" resize="ver" neighbors="b;c;d;e" /></row><row sep="yes"><cell sep="hor" top="d" bottom="e" dblclick="d" /></row><row><cell obj="e" wh="2,4" resize="ver" neighbors="b;c;d;e" /></row></layout>'; dhtmlXLayoutObject.prototype._availAutoSize["5J_hor"]=["b;c;d;e", "a"]; dhtmlXLayoutObject.prototype._availAutoSize["5J_ver"]=["b;a","c;a","d;a","e;a"];

(See attached screenshot. The background is grayed out, and some cells dont have the right size)

#2

Hello
Could you provide a graphic scheme of exepting result?

#3

Hi,

It should look like the attached screenshot. I’ve managed to get the right position, but it’s not working properly (separator are broken, background is wrong, etc)

layout_5.png1531×887 7.15 KB

#4

I think I’ve now understood the xml language used to describe layouts :

dhtmlXLayoutObject.prototype.tplData["5J"]='<layout><autosize hor="a" ver="a;e" rows="4" cols="2" /><table data="b,a;c,a;d,a;e,a" /><row><cell obj="b" wh="2,4" resize="ver" neighbors="b;c;d;e" /><cell sep="ver" left="b,c,d,e" right="a" dblclick="a" rowspan="7" /><cell obj="a" wh="2,1" resize="hor" neighbors="a;b,c,d,e" rowspan="7" /></row><row sep="yes"><cell sep="hor" top="b" bottom="c;d;e" dblclick="b" /></row><row><cell obj="c" wh="2,4" resize="ver" neighbors="b;c;d;e" /></row><row sep="yes"><cell sep="hor" top="b;c" bottom="d;e" dblclick="c" /></row><row><cell obj="d" wh="2,4" resize="ver" neighbors="b;c;d;e" /></row><row sep="yes"><cell sep="hor" top="b;c;d" bottom="e" dblclick="d" /></row><row><cell obj="e" wh="2,4" resize="ver" neighbors="b;c;d;e" /></row></layout>'; dhtmlXLayoutObject.prototype._availAutoSize["5J_hor"]=["b;c;d;e", "a"]; dhtmlXLayoutObject.prototype._availAutoSize["5J_ver"]=["b;a","c;a","d;a","e;a"];

#5

Thank you for sharing :slight_smile: