Been fighting this for a couple of days with no easy solution.
What is the best way to have the contents of a section be 100%? In another word, what is the best way to push the lower sections to the bottom of the view?
When I try:
this.control = jQuery('<ul id="' + this.id + '" ><li><span>Item 1</span><div id="c1" style="height:100%;">Content 1</div></li><li><span>Item 2</span><div id="c2" style="height:100%;">Content 2</div></li></ul>');
this.list = new kendo.ui.PanelBar(this.control.get(0),
{
expandMode : 'single'
});
Inspecting the HTML, c1 and c2 heights become "100px". Seems to replace/ignore the setting.
I saw another thread of some lengthy code to expand the contents, but I need a generic way to manage N number of sections (not just two).
Also, it appears that PanelBar cannot be build dynamically. Meaning, adding LI sections to UL section via jQuery. The HTML shows, but it does not take on the behavior of the PanelBar.
Thanks.
What is the best way to have the contents of a section be 100%? In another word, what is the best way to push the lower sections to the bottom of the view?
When I try:
this.control = jQuery('<ul id="' + this.id + '" ><li><span>Item 1</span><div id="c1" style="height:100%;">Content 1</div></li><li><span>Item 2</span><div id="c2" style="height:100%;">Content 2</div></li></ul>');
this.list = new kendo.ui.PanelBar(this.control.get(0),
{
expandMode : 'single'
});
Inspecting the HTML, c1 and c2 heights become "100px". Seems to replace/ignore the setting.
I saw another thread of some lengthy code to expand the contents, but I need a generic way to manage N number of sections (not just two).
Also, it appears that PanelBar cannot be build dynamically. Meaning, adding LI sections to UL section via jQuery. The HTML shows, but it does not take on the behavior of the PanelBar.
Thanks.