1. #1
    Ext User
    Join Date
    Jul 2007
    Location
    Calgary, AB
    Posts
    10
    Vote Rating
    0
    dillenger is on a distinguished road

      0  

    Default Help: Accordion in Dialog Isn't Working

    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
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    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,538
    Vote Rating
    380
    jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future

      0  

    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 Search Plugin, ExtJS 5 Complex Data Binding using MVVM


  4. #4
    Sencha User
    Join Date
    Oct 2011
    Location
    Trivandrum
    Posts
    13
    Vote Rating
    0
    nobin is on a distinguished road

      0  

    Default Try this link for getting accordian

    Try this link for getting accordian


    https://github.com/mitchellsimoens/E...ccordionLayout

Thread Participants: 3