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,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar