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
    89
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi