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…


Making an ItemRenderer for the List Smaller

the key is in the renderer code… and setting the padding to be negative…

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:

dataProvider =”{acData}”
width =”100%”
height =”100%”
rowHeight =”14″
itemRenderer =”SmallListRenderer”

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