Page 1 of 1

multi-column inside Collapsible Panels

Posted: 2023-04-15 13:12
by ushay
hello,

i have a Tab like in below code:

Code: Select all

var dv = AppGiniHelper.DV;
dv.compact();

var row_1 = dv.addLayout([8])
    .add(1, ["developer"]);
	
var row_2 = dv.addLayout([4,4])
    .add(1, ["contact1","phone1","email1","city1"])
    .add(2, ["contact2","phone2","email2","city2"])

	
dv.addTab( "elec-tab", "elec", "flash" )
 .add(row_1)
 .add(row_2)

Is there a way to insert the rows in multi column structure inside a collapsible panel?
my final target is to have 3 collapsible panels inside a a tab and inside each collapsible panel to have the code above.

Thanks,
Shay.

Re: multi-column inside Collapsible Panels

Posted: 2023-04-15 13:17
by jsetzer
Can you please once again describe what you want, perhaps upload an image?

Re: multi-column inside Collapsible Panels

Posted: 2023-04-15 13:46
by ushay
thanks Jsetzer,
2023-04-15 162526.jpg
2023-04-15 162526.jpg (45.21 KiB) Viewed 12282 times
i am trying to insert the rows and columns circled in red inside a Collapsible Panel and the ones inside the blue circle into another Collapsible Panel.

Shay.

Re: multi-column inside Collapsible Panels

Posted: 2023-04-15 14:11
by jsetzer
Well, I think you can add a multi-column panel to a custom tab but you can not add a collapsible panel to a custom tab with built in library features.

http://www.appgini.de/docs/Javascript-L ... ayout.html

Of course you can try to find the JQuery selectors of your collapsible panels (source elements) and of the custom tab panel (target element) and then move those source elements using JQuery's .appendTo() function, for example. But this is custom javascript programming and beyond product support. Perhaps someone else can help out starting from here.

Re: multi-column inside Collapsible Panels

Posted: 2023-04-15 14:52
by ushay
OK, thank you Jsetzer