Skip navigation
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,

  • 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:TileLayout verticalGap="6" horizontalGap="6" />




    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