multi-column inside Collapsible Panels

[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.

[jsetzer]

Can you please once again describe what you want, perhaps upload an image?

[ushay]

thanks Jsetzer,

2023-04-15 162526.jpg (45.21 KiB) Viewed 2754 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.

[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.

[ushay]

OK, thank you Jsetzer