1. #1
    Sencha Premium Member
    Join Date
    Aug 2012
    Posts
    14
    Vote Rating
    0
    alex.mcneal is on a distinguished road

      0  

    Default Unanswered: Container size changes wrong on devices

    Unanswered: Container size changes wrong on devices


    See image below:

    My search bar width isn't behaving correctly with percentage widths. The blue Toolbar is set to 100%. Inside I have a centered container set to 90%, and inside of that I have another centered container set to 100%. Those work correctly. And those are holding the text box and the search button.

    I want the text field to occupy 85% of the container, and the button to fill the remaining 15% so I have those widths set in Architect. Both have 5px margins to buffer it inside of the green container. As you can see, the right side isn't doing that and changes depending on size or device. The right side should look exactly like the correct left side.

    Also the Search icon isn't perfectly centered, if anyone has suggestions for that too.


    Search.png

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


    This is all CSS and browser behavior. Android has had it's issues with CSS positioning.
    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

Tags for this Thread