cfz
  • I have a form with two fieldsets that look something like this:

    xtype:'form',
    items:[{
    hidden:false,
    xtype:'fieldset',
    id:'genPanel_general',
    title:'General Information',
    autoHeight:true,
    items:[{
    layout:'form',
    width: 300,
    items:[{xtype: 'textfield',
    fieldLabel: 'name'
    }]
    }]
    },{
    hidden:true,
    xtype:'fieldset',
    id:'genPanel_specific',
    title:'Specific Information',
    autoHeight:true,
    items:[{
    layout:'form',
    width: 300,
    items:[{xtype: 'inlinetextfield',
    fieldLabel: 'address'
    }]
    }],
    }]// end form




    I want to have the second not displayed by default and when a button is pressed do a slide out of the first, and slide in of the second. The 'hidden' option obviously was a bad idea (since it's not visible on slideIn), but I'm unsure of how to set up the second fieldset to allow slideIn to work properly.

    Thanks


  • I got it to work. I declared the 2nd, 3rd, & 4th fieldsets hidden. Then the function handling the slideIn must do something like this.


    ...
    out.el.slideOut();
    out.hide();
    in.show();
    in.el.slideIn();







  • #If you have any other info about this subject , Please add it free.#
    Your name:
    E-mail:
    Telphone:

    Your comments:


    If you have any other info about How to declare item for slideIn , Please add it free.
    • edit