Skip navigation
Felix :)
Currently Being Moderated

Gaps between components in TilesList

Feb 13, 2013 7:45 AM

Tags: #as3 #flex #swf #flex-4.6 #spark #flex4.6

Hi All,

 

I am using a TileList component in order to show devices list as tiles.
The problem is that I can't find a way to create a gap between the different tiles, which represents the devices.
There is a way to use left/right padding in order to create such a gap, but when a tile is selected the borders of the selection are larger than the created tile borders. This doesn't look aesthetic...

I have looked for the above info in the internet, and here are 2 similar posts:

 

 

I didn't find in those post a sufficient answer, but they may clarify my question.

Additional info:

  • I use Flash Builder 4.6.
  • My Flex Theme is "Spark".

 

Thanks a lot,
Felix.

 
Replies
  • Currently Being Moderated
    Feb 13, 2013 9:28 AM   in reply to Felix :)

    Is this for Spark TileList?  Isn’t there gap properties on the layout?

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 14, 2013 1:44 PM   in reply to Felix :)

    What does your Tilelist declaration look like?

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 15, 2013 10:23 AM   in reply to Felix :)

    If I'm not mistaken you would do that with a layout.  Something like this (I just picked a random gap of 6):

     

                <s:List >

                    <s:layout>

                        <s:TileLayout verticalGap="6" horizontalGap="6" />

                    </s:layout>

                </s:List>

             

    For you're left right gap you're obviously looking at "horizontalGap".  I just put the verticalGap in the code to make sure you saw the option.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points