1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    45
    Vote Rating
    0
    lennonnz is on a distinguished road

      0  

    Default Unanswered: How do I make a GUI ook like this?

    Unanswered: How do I make a GUI ook like this?


    Hi there.

    How do I made a GUI look like the image below.

    I can make up in senchatouch 2 the below type of interface so it looks like an iPhone interface correctly. I can't find any examples which actually do this? (if its possible). Nothing in the Kitchen Sink.

    Its 1/2 way between a Form and a List but with a > on the right hand side

    howdoi.jpg

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,754
    Answers
    3462
    Vote Rating
    827
    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


    I used a list and changed the disclose icon.
    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
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Answers
    102
    Vote Rating
    80
    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


    You'll need to apply custom CSS to make it look exactly like that.

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Answers
    28
    Vote Rating
    10
    TommyMaintz will become famous soon enough TommyMaintz will become famous soon enough

      0  

    Default


    My answer would be a combination of Mitchel + Jay's combined which is:

    Use an Ext.List with the disclosure configuration. Then use custom CSS to style the disclosure and the list Actually Robert Dougan is working on a ui for List that does exactly this so if you are not in a hurry, you could wait for our RC release which will hopefully have this.

  5. #5
    Sencha User
    Join Date
    Nov 2011
    Posts
    45
    Vote Rating
    0
    lennonnz is on a distinguished road

      0  

    Default


    The Problem with a list and change the disclosure icon is you still have to click on the icon on the right hand side . to see what its pointing towards.. On the standard iPhone GUI with Items like this (look like buttons) you can click anywhere and it continues.. Yes it can be all changed with CSS but I'm not a CSS guy :-(

    I can "live" with this at the moment.. but iPhone users are usually used to the standard way the GUI works and it can just confuse them if its not the same as they expect:-)

  6. #6
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Answers
    28
    Vote Rating
    10
    TommyMaintz will become famous soon enough TommyMaintz will become famous soon enough

      0  

    Default


    You would just turn on the disclosure to have that visual element rendered so you can style it. You wouldn't actually hook up your listener to the disclosure, but just on the lists itemtap event.

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."