Results 1 to 4 of 4

Thread: Panel : items position on one line

  1. #1
    Sencha User
    Join Date
    Jun 2011
    Location
    France
    Posts
    25
    Answers
    2
    Vote Rating
    0
      0  

    Question Answered: Panel : items position on one line

    Hi,

    I have a panel with fixed width and height and many images inside. I wanted that all images stay on one line even if they are hidden because there are too much items for the width. My problem is that the hidden images are placed below the visible images and not next to them. How can I perform it?

    Thanks

  2. I've found a solution using an absolute position and the left attribute :

    Code:
    tpl: '<tpl for="img"><img src="{src}" alt="{desc}" name="{name}" width="73" height="69" style="position:absolute;left:{[(xindex - 1) * 93]}px;"></tpl>',
    Thanks

  3. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,791
    Answers
    585
    Vote Rating
    393
      0  

    Default

    Are the items full-blown components or just some HTML image elements?

  4. #3
    Sencha User
    Join Date
    Jun 2011
    Location
    France
    Posts
    25
    Answers
    2
    Vote Rating
    0
      0  

    Default

    Images are html elements. I'm using a template for adding them to my Component.

  5. #4
    Sencha User
    Join Date
    Jun 2011
    Location
    France
    Posts
    25
    Answers
    2
    Vote Rating
    0
      0  

    Thumbs up

    I've found a solution using an absolute position and the left attribute :

    Code:
    tpl: '<tpl for="img"><img src="{src}" alt="{desc}" name="{name}" width="73" height="69" style="position:absolute;left:{[(xindex - 1) * 93]}px;"></tpl>',
    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
  •