19 Mar 2008 5:17 AM #1
Right way to convert existing div to a panel
Is the foll markup a valid "applyTo" element for a panel? ie. does it have everything that is required?
<div id="panel" class="x-hidden"> <div class="x-panel-header">The Header</div> <div class="x-panel-body">The Body</div> <div class="x-panel-bbar">buttons</div> </div>
1. I see an extra x-panel-bwrap created at the bottom. I've seen a thread that says it is required and hence will be created. Where would I specify it in my markup? What does it wrap?
2. I don't get a blue border/background for the buttons. How would I get that?
3. In order for the panel to "fit" will it be sufficient to specify layout as fit or do I need to enclose the main div inside a BoxComponent? If yes, how would I do that in this case?
20 Mar 2008 6:18 PM #2
20 Mar 2008 11:34 PM #3
- Join Date
- Mar 2007
- The Netherlands
- Vote Rating
The complete panel DOM structure is:
<div class="x-panel"> <div class="x-panel-header"> <span class="x-panel-header-text">Header</span> </div> <div class="x-panel-tbar">Top toolbar</div> <div class="x-panel-bwrap"> <div class="x-panel-body">Body</div> </div> <div class="x-panel-bbar">Bottom toolbar</div> <div class="x-panel-footer">Footer</div> </div>