JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Docking Layout › how to create docking layout dynamically using java script and jquery? › Reply To: how to create docking layout dynamically using java script and jquery?
Hi kaltura,
For your case its better to use insertIntoTop() function as shown in the code snippet below.In the tabsWindowObject you can customize
the code according to your needs and in the insertIntoTop() function ‘1’ indicates the position where the tab to be added.
var tabsWindowObject =
{
type: ‘LayoutPanel’,
id: ‘Your Id’,
label: ‘Solution Explorer’,
items: [{
label: ‘Solution Explorer’,
content: ‘The content you want to add’
}],
tabPosition: ‘hidden’
};
const dockinglayout = document.querySelector(‘smart-docking-layout’);
dockinglayout.insertIntoTop(1,tabsWindowObject);
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/