JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Docking Layout › How to set content Tag into HTML › Reply To: How to set content Tag into HTML
December 17, 2019 at 4:19 pm
#100536
Hristofor
Member
Hi soumaya,
it is not possible set the content of a LayoutPanelItems inside the HTML tag of the element on initialization. The proper way to set the content is by defining it inside the json or dynamically change it later using the update
method documented in the API or use the id of the target item and change it’s innerHTML
property to the new content. Here’s an example:
1) Using the update method
const targetLayoutPanel = document.getElementById('#item1');
document.querySelector('smart-docking-layout').update(targetLayoutPanel, { items: [{index: 0, content: 'New Content Here ...' }]});
2) Changing the content directly using innerHTML
const targetLayoutPanelItem = document.getElementById('#item1');
targetLayoutPanelItem.innerHTML = 'New Content Here ...';
Best Regards,
Christopher
Smart HTML Elements Team
https://www.htmlelements.com