Disable list item highlighting in Flex 3

In Flex Builder 3, when creating a list of items using the List control, default behavior is to highlight list items in one color on rollover, and then in a second color on click. In my case, I was creating a list of labels and text boxes that aren’t interactive, and therefore I didn’t want to give the user any appearance of interactivity by having items “clickable” and highlighted.

In your Flex project .MXML file, inside your control, add selectable="false" and useRollOver="false". For added insurance, in my project I also set focusEnabled="false". This keeps the user from tabbing to the items.

Your code would then look something like this:

<mx:List useRollOver="false" selectable="false" focusEnabled="false" [...] ></mx:List>

Leave a Reply

Your email address will not be published.