1. #1
    Ext User
    Join Date
    Nov 2009
    Posts
    2
    Vote Rating
    0
    fireworld2406 is on a distinguished road

      0  

    Default extjs 3 tab panel tabs not rendering html lists

    extjs 3 tab panel tabs not rendering html lists


    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!

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    92
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


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

  3. #3
    Ext User
    Join Date
    Nov 2009
    Posts
    2
    Vote Rating
    0
    fireworld2406 is on a distinguished road

      0  

    Default


    Thanks Condor!

    Exactly what I was looking for!

Thread Participants: 1