Results 1 to 2 of 2

Thread: Accordion in Dialog is not working

  1. #1
    Ext User
    Join Date
    Jul 2007
    Location
    Calgary, AB
    Posts
    10

    Default Accordion in Dialog is not working

    I cannot get the accordion within the dialog to work at all. I think I have all the right code but I could be missing something really simple. I think what I am missing is just how to call the dialog box. The button that is in the example is not showing up.

    Here are my includes:
    PHP Code:
    <link href="style.css" rel="stylesheet" type="text/css" />
    <
    link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
    <
    link rel="stylesheet" type="text/css" href="accordion-example.css">
    <
    link rel="stylesheet" type="text/css" href="accordion.css">
    <
    link rel="stylesheet" id="theme" href="extjs/resources/css/ytheme-vista.css" />
    <
    script type="text/javascript" src="accordion.js"></script>
    <script type="text/javascript" src="extjs/adapter/yui/yui-utilities.js"></script>
    <script type="text/javascript" src="extjs/adapter/yui/ext-yui-adapter.js"></script>
    <script type="text/javascript" src="extjs/ext-all.js"></script>
    <script type="text/javascript" src="Ext.ux.InfoPanel.js"></script>
    <script type="text/javascript" src="Ext.ux.Accordion.js"></script> 
    Here is the code for the hidden dialog box:
    PHP Code:
    <body>

    <!-- 
    Dialog container (it has to be direct body child otherwise modal doesn't work) -->
    <!--{{{-->
    <div id="acc-dialog" style="visibility:hidden;position:absolute;top:0px;">
        <div class="x-dlg-hd">Accordion dialog</div>
        <div id="dialog-acc-container" class="x-dlg-bd">

            <div id="dpanel-1">
                <div>1. Description</div>
                <div>
                    <div class="text-content">
                    You can put accordion also into a standard Ext.BasicDialog.
                    It'
    s fairly easythis example shows how to do it.
                    </
    div>
                </
    div>
            </
    div>

            <
    div id="dpanel-2">
                <
    div>2. Ext 2.0 now!</div>
                <
    div>
                    <
    div class="text-content">
                    
    This way you can create an Ext 2.0 like Accordion window
                    right now before Ext 2.0 is released
    .
                    </
    div>
                </
    div>
            </
    div>

            <
    div id="dpanel-3">
                <
    div>3. Features</div>
                <
    div>
                    <
    div class="text-content">
                    
    The features of the Accordion placed in a dialog are in no way limited.
                    
    You can undock and dock back panels also from this dialog. Try it!
                    </
    div>
                </
    div>
            </
    div>
    <!--
            <
    div id="dpanel-4">
                <
    div>4. Sticky note</div>
                <
    div>
                    <
    textarea id="sticky-note">You can type here...</textarea>
                </
    div>
            </
    div>
    -->
        </
    div>
    </
    div>
    <!--}}}-->
    <
    div id="btn-show-dlg"></div

  2. #2
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,664

    Default

    You've posted only html. Can you post also your javascript?
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid MultiSearch Plugin, Grid MultiSort Plugin, Configuring ViewModel Hierarchy


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •