1. #1
    Sencha User
    Join Date
    Oct 2008
    Posts
    36
    Vote Rating
    5
    kholy is on a distinguished road

      0  

    Default Unanswered: Dropdown in floating panel

    Unanswered: Dropdown in floating panel


    I have a floating panel that pops up on button click. in there i have a select field with >30 options. however when i go to scroll through the options it closes the floating window. is there a way to prevent floating window to close until you click like an X or something? just need some way to be able to scroll without floating panel closing.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    Answers
    3575
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You will need to set hideOnMaskTap to false and likely have a close button or some way to handle closing the floating panel yourself.

    Code:
    new Ext.Panel({
        floating      : true,
        centered      : true,
        width         : 400,
        height        : 400,
        hideOnMaskTap : false,
        items         : [
            {
                xtype   : 'selectfield',
                label   : 'Select',
                options : [
                    { text : 'First Option',  value : 'first'  },
                    { text : 'Second Option', value : 'second' },
                    { text : 'Third Option',  value : 'third'  }
                ]
            }
        ]
    }).show();
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1