Results 1 to 3 of 3

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

  1. #1
    Sencha User SunboX's Avatar
    Join Date
    Mar 2010
    Posts
    238
    Answers
    5
    Vote Rating
    28
      0  

    Question 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Answers
    3931
    Vote Rating
    1272
      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 @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  4. #3
    Sencha User SunboX's Avatar
    Join Date
    Mar 2010
    Posts
    238
    Answers
    5
    Vote Rating
    28
      0  

    Default

    Works, great! Thx a lot Mitchell!

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •