PDA

View Full Version : extjs 3 tab panel tabs not rendering html lists



fireworld2406
6 Nov 2009, 10:41 AM
Hi!

I have a tab panel that creates its tabs via autoTabs. In one of those tabs, I have an html unordered list (<ul>) of items. Once the tab is rendered, the list is not rendered as a list, and is only rendered as text.

Here is the code and HTML I am using for the tab panel:


<script type="text/javascript" language="Javascript">
function showBox(b, e) {
var tabs;
tabs=new Ext.TabPanel({
autoTabs: true,
applyTo: 'atabs',
activeTab: 0,
deferredRender: false,
defaults: {autoScroll: true}
});
var newwin;
newwin=new Ext.Window({
width:400,
height:400,
title:'Window Title',
layout:'fit',
modal:'true',
items: [tabs]
});
newwin.show(this);
}
</script>


<div id="atabs">
<div id="tab1" class="x-tab" title="Tab 1 Title">
<p>
Tab 1 Content
</p>
</div>
<div id="tab2" class="x-tab" title="Tab 2 Title">
.....Previous content....
<h2>Section Heading</h2>
<ul>
<li>List 1<br />
<p>List 1 Content.</p>
</li>
<li>List 2:<br />
<p>List 2 Content.</p>
</li>
<li>List 3: <br />
<p>List 3 Content.
</p>
</li>
</ul>
</div>
<div id="tab3" class="x-tab" title="Tab 3 Title">
</div>
</div>


What can I do to get the list to render?

Thank you in advance for your assistance.

Please let me know if you need any more information!

Condor
6 Nov 2009, 10:23 PM
Add:

defaults: {preventBodyReset: true}
to the tabpanel config.

fireworld2406
12 Nov 2009, 8:59 AM
Thanks Condor!

Exactly what I was looking for!