Results 1 to 4 of 4

Thread: Help: Accordion in Dialog Isn't Working

Hybrid View

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

    Default Help: Accordion in Dialog Isn't 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 User
    Join Date
    Mar 2007
    Posts
    7,854

    Default

    The Accordion component was not developed by Ext and is not part of the base Ext framework - please use the thread in the User Extentions forum or start a new thread there.

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

    Default

    What you post here is just html markup. You also have to have javascript application that creates dialogs, buttons, panels and accordion.

    The best is to develop in Firefox/Firebug to see if you get any errors.
    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


  4. #4
    Sencha User
    Join Date
    Oct 2011
    Location
    Trivandrum
    Posts
    13

    Default Try this link for getting accordian


Posting Permissions

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