Results 1 to 4 of 4

Thread: How to create thumbnail view using sencha touch 2.1/ sencha architect?

  1. #1
    Sencha User
    Join Date
    Feb 2013
    Posts
    12

    Default Answered: How to create thumbnail view using sencha touch 2.1/ sencha architect?

    Hi am curious how I would go about implementing a view like (See below)Similar to the one used for the iPhone photo application. My initial idea was a table view with each cell holding 4 images, can anyone point me in the right direction.




    If some one could provide a sample code then that will be much helpful. I referred TouchStyle example but that didn't worked for me.

    I want to create a basic thumbnail and on tap it should open a new view displaying selected image.

  2. You really don't need to use a table or anything. Use a <div> with inline-block display and you can setup height/width via CSS on the <div> also. It should then overflow to the next line automatically.

  3. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,451
    Answers
    3997

    Default

    You really don't need to use a table or anything. Use a <div> with inline-block display and you can setup height/width via CSS on the <div> also. It should then overflow to the next line automatically.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Fullstack Engineer
    ________________
    Modus Create is based on the model of an open source team. We’re a remote, global team of experts in our field. To find out more about the work we do, head over to our website.

    Check out my GitHub:
    https://github.com/mitchellsimoens

  4. #3
    Sencha User
    Join Date
    Feb 2013
    Posts
    12

    Default

    Thank mitchellsimoens
    I am able to create a thumbnail view.

  5. #4
    Sencha User
    Join Date
    Feb 2013
    Posts
    12

    Default navigate to next view on image tap?

    I have a Pane and within that I have dataview , I am using itemTpl to load image in dataview .

    how ca I navigate to next view when I tap on one of the images from above.

    Please provide a sample code.

    Thanks

Tags for this Thread

Posting Permissions

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