This post is about how to make a simple custom list item renderer, by extending the HBox, and decreasing its height so you can see more items…

 Application - Source

Making an ItemRenderer for the List Smaller

the key is in the renderer code… and setting the padding to be negative…
<mx:HBox>
xmlns:mx="http://www.adobe.com/2006/mxml"
paddingTop="-3"
paddingBottom="-3"
>

doing this makes me feel like i’m back doing css again with html hacks… but this is a simple way of accomplishing making the rows smaller in the  <mx:List> tag… one important side note is:

DON’T FORGET TO SET THE rowHeight=”14″ so it’s actually smaller… please view the source to check it out… it looks something like the following:

<mx:List>
dataProvider =”{acData}”
width =”100%”
height =”100%”
rowHeight =”14″
itemRenderer =”SmallListRenderer”
>

this didnt take long, but took a little trickery to get what i wanted

Application - Source