1. #1
    Sencha User
    Join Date
    Jun 2013
    Posts
    13
    Vote Rating
    0
    jayasudha is on a distinguished road

      0  

    Default Unanswered: Responsive Design In Sencha

    Unanswered: Responsive Design In Sencha


    How to design a responsive list view using sencha Touch?

  2. #2
    Sencha User Diego Garcia's Avatar
    Join Date
    Jan 2012
    Location
    San José, Costa Rica.
    Posts
    85
    Vote Rating
    7
    Answers
    13
    Diego Garcia is on a distinguished road

      0  

    Default


    is this what you are looking for??
    http://docs.sencha.com/touch/2.2.1/#....dataview.List
    We are a community, let's behave like that.

  3. #3
    Sencha User
    Join Date
    Jun 2013
    Posts
    13
    Vote Rating
    0
    jayasudha is on a distinguished road

      0  

    Default Responsive List view

    Responsive List view


    I am asking about how the list view fits when the screen size changes?

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,648
    Vote Rating
    898
    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


    The layouts can change the list size. It depends on the UI you want on which layout you need to use. Responsive means something else than what I think you are actually asking.
    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.

  5. #5
    Sencha User
    Join Date
    Jun 2013
    Posts
    13
    Vote Rating
    0
    jayasudha is on a distinguished road

      0  

    Default Responsive List view

    Responsive List view


    Hi,

    Do you mean that we need to design seperate UI for android and iphone?

  6. #6
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364
    Vote Rating
    81
    Answers
    102
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    Jayasudha,

    The short answer is that sencha touch technology does not support responsive design out of the box as most people think of it.

    You can specify size constraints, and a few position via JavaScript to the layout managers, but the reality is that it's not "true responsive" as one might think of it as it pertains to CSS media queries controlling how things are positioned and sized on screen.

    If you want to achieve this, you're going to have to put in the sizing, positing information into CSS and have that drive the look and feel of your app, rather than putting that information into the components themselves.

  7. #7
    Sencha User
    Join Date
    Jun 2013
    Posts
    13
    Vote Rating
    0
    jayasudha is on a distinguished road

      0  

    Default Responsive List view

    Responsive List view


    Hi jay,


    Thanks for reply.