1. #1
    Sencha User SunboX's Avatar
    Join Date
    Mar 2010
    Posts
    238
    Answers
    5
    Vote Rating
    28
    SunboX has a spectacular aura about SunboX has a spectacular aura about

      0  

    Question Answered: How to layout 100% width searchfield + button in toolbar?

    Answered: How to layout 100% width searchfield + button in toolbar?


    Hi,

    I want to put a Button and a SearchField inside a Toolbar. The Button should go to the right and the SearchBar should fill the remaining space. How to layout this?

    This is what i got by now:
    Bildschirmfoto 2012-03-12 um 20.41.13.jpg

    If I set the SearchField width to "100%", the Button gets hidden.

    thx Sunny

  2. Toolbar uses hbox layout so if you set flex : 1 on the search field it should extend out but still let the button have some space.

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,330
    Answers
    3541
    Vote Rating
    847
    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


    Toolbar uses hbox layout so if you set flex : 1 on the search field it should extend out but still let the button have some space.
    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.

  4. #3
    Sencha User SunboX's Avatar
    Join Date
    Mar 2010
    Posts
    238
    Answers
    5
    Vote Rating
    28
    SunboX has a spectacular aura about SunboX has a spectacular aura about

      0  

    Default


    Works, great! Thx a lot Mitchell!

Thread Participants: 1