1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    12
    Vote Rating
    1
    a7xntho is on a distinguished road

      0  

    Default Unanswered: Overlay with dynamic height

    Unanswered: Overlay with dynamic height


    Hello,

    I have a list in a overlay, but the overlay height is always the same, I would like to adjust the height of my overlay as that of the list (overlay height = 100% of list height !)

    I thought to change the height at each change of the store list, but it is quite heavy I think ...

    What's yours solutions ?

    Thanks

  2. #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


    The panel will need height and width. You can use percentage of the screen to size.
    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.

  3. #3
    Sencha User
    Join Date
    Jan 2012
    Posts
    12
    Vote Rating
    1
    a7xntho is on a distinguished road

      0  

    Default


    Okay.
    I wanted to ensure that the window is the size of its contents and not with a fixed height.

  4. #4
    Sencha User siebmanb's Avatar
    Join Date
    Aug 2011
    Location
    Geneva (CH) - Grenoble (FR)
    Posts
    253
    Answers
    11
    Vote Rating
    16
    siebmanb will become famous soon enough

      0  

    Default


    Bump !
    Is there any solution to specify that the panel height is actually the content height ? (without manually changing the height)

    Thanks

  5. #5
    Sencha User siebmanb's Avatar
    Join Date
    Aug 2011
    Location
    Geneva (CH) - Grenoble (FR)
    Posts
    253
    Answers
    11
    Vote Rating
    16
    siebmanb will become famous soon enough

      0  

    Default


    I found a solution : using the layout vbox and not specifying a height for the overlay. Works fine
    Twitter account @siebmanb.
    Co-founder & CEO at ButterflyEffect.
    Mobile application developer using Sencha Touch and Phonegap for iOS, Android and webapp.

  6. #6
    Sencha User
    Join Date
    Mar 2011
    Posts
    83
    Answers
    16
    Vote Rating
    11
    Schildi will become famous soon enough

      0  

    Default


    Quote Originally Posted by siebmanb View Post
    I found a solution : using the layout vbox and not specifying a height for the overlay. Works fine
    Yes, that works. But what do I have to do when I specified
    Code:
    scrollable: 'vertical'
    in my overlay's config? Then the
    Code:
    layout: 'vbox'
    doesn't work anymore and the overlay seems to have a height of 0 :-(

  7. #7
    Sencha User siebmanb's Avatar
    Join Date
    Aug 2011
    Location
    Geneva (CH) - Grenoble (FR)
    Posts
    253
    Answers
    11
    Vote Rating
    16
    siebmanb will become famous soon enough

      0  

    Default


    I am sorry I have no idea if you want it to be scrollable...
    Twitter account @siebmanb.
    Co-founder & CEO at ButterflyEffect.
    Mobile application developer using Sencha Touch and Phonegap for iOS, Android and webapp.