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:
HTML Code:
<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!