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.
Continue reading AccordionList with Expanding Item Renderers
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.
Continue reading Using drag and drop with a spark List in a mobile Flex application
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.
Continue reading Scrolling to the bottom of a spark List
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.
Continue reading Saving scroll position between views in a mobile Flex Application
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.
Continue reading Grouping items in a Flex mobile List
This is an example of a spark List with a custom item renderer that looks like a stacked bar chart.
Continue reading Using a spark List to simulate a stacked bar chart
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.
Continue reading Introducing 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.
Continue reading Learn how to create a simple virtual layout in Flex 4
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.
Continue reading List with truncation instead of a horizontal scroll bar
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.
Continue reading Displaying the row number or index in a spark List