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

      0  

    Default Accordion in Dialog is not working

    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,137
    Vote Rating
    321
    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


    You've posted only html. Can you post also your javascript?

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