Archive

Posts Tagged ‘List’

AccordionList with Expanding Item Renderers

November 10th, 2011 2 comments

A common use for a List is the master/detail UI pattern. When the user clicks on an item, it expands, revealing more detail about the item. Previously we’ve shown an example of a List with expanding item renderer. This post demonstrates a similar idea except will scroll items into view as they expand.
Read more…

Using drag and drop with a spark List in a mobile Flex application

June 21st, 2011 1 comment

In a mobile Flex project the default interactionMode is touch. When in this mode drag and drop functionality on the spark List is not supported. This post demonstrates a workaround for adding drag and drop support to your mobile Lists by subclassing IconItemRenderer and dynamically changing the interactionMode on the fly.
Read more…

Scrolling to the bottom of a spark List

February 13th, 2011 4 comments

Scrolling to the bottom of a spark List after adding an item can be a little tricky especially when adding multiline text. This post demonstrates how to do it using a chat pod as a sample use case.
Read more…

Saving scroll position between views in a mobile Flex Application

December 5th, 2010 11 comments

In a mobile Flex application when you navigate to a new view the old view is destroyed. If you then go back to that first view then it is re-instantiated. If you have a List in that initial view then any scroll position changes the user may have done will be lost. This post demonstrates how to save and restore that scroll position when navigating between views.
Read more…

Grouping items in a Flex mobile List

November 30th, 2010 8 comments

Mobile applications often have lists that group items in some way. For example, a contact list might group names by the first letter of the contact’s first name. This post demonstrates how to write a Spark ItemRenderer to simulate this behavior.
Read more…

Using a spark List to simulate a stacked bar chart

March 28th, 2010 1 comment

This is an example of a spark List with a custom item renderer that looks like a stacked bar chart.
Read more…

Introducing Flex 4

March 22nd, 2010 7 comments

Flex 4 has been released. This is a major release of Flex that introduces some new features that allow you an amazing amount of flexibility and power in building killer internet applications.
Read more…

Learn how to create a simple virtual layout in Flex 4

This post goes over the basics of writing a very simple custom layout that supports virtualization in spark. It assumes that you have already built a custom layout that handles the real (non-virtual) case and are comfortable doing so.
Read more…

List with truncation instead of a horizontal scroll bar

February 15th, 2010 12 comments

The default spark List will add a horizontal scroll bar when the contents of the List are wider than its width. This post shows how to change that behavior using a custom item renderer so that a truncation mark like an ellipsis is used instead.
Read more…

Displaying the row number or index in a spark List

February 8th, 2010 7 comments

The ItemRenderer class in Flex 4 has an itemIndex property that was added after beta2. You can use this property within your item renderer to display the row number or index of an item in a spark List.
Read more…