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
So you want to build a mobile app and tap into the 30+ billion app downloads that are estimated to happen in the next 5 years? Well, one of the first things you’ll have to think about is screen orientation: unlike in a desktop application, the user can rotate the screen through portrait and landscape orientations, both before and while your application is being used. This can be a great thing since your application can take advantage of the different screen dimensions to provide specialized UI but it also means you need to make some decisions about how your app is going to handle these situations.
Continue reading orientation and deviceOrientation in Flex Mobile apps
In Flex 4.5, we introduced the Spark version of DataGrid, which provides a vastly improved skinning experience. Unfortunately, a more flexible skin also means less tweaking through styles. One example is the DataGrid’s header’s label. By default, the “fontWeight” style is hard-coded to bold, along with some other text styles. Luckily, we’ve provided a relatively simple way to customize this particular piece of the header. This post will show you how to customize the Spark DataGrid’s header’s label.
Continue reading Changing fontWeight of Spark DataGrid headers
In Flex 4.5, we introduced the Spark version of DataGrid, which provides a vastly improved skinning experience. Spark DataGrid has a multitude of skin parts that can be customized and tweaked through its skin. These include the row backgrounds, row separators, column separators, selection indicators, caret indicator, hover indicator, etc… (see DataGrid Documentation). This post demonstrates two methods for customizing the row and column separators.
Continue reading Customizing Spark DataGrid row and column separators
Evtim and I gave a presentation at Adobe MAX this year that discusses some simple tips for optimizing the performance of item renderers and Views in mobile Flex applications.
Continue reading Performance-Tuning Mobile Flex Applications
The default behavior of scroll bars in a mobile Scroller is to always hide the scrollbars unless a touch scrolling operation is in effect. This post demonstrates how to customize this behavior so that the scroll bars are always visible. It also demonstrates how to have scrollbars automatically appear at startup then fade away after a short period of time.
Continue reading Controlling scroll bar visibility in a mobile Scroller
The native iTunes application on iPad has a nice two column item renderer to display song titles and artist names. This post demonstrates how to extend the spark LabelItemRenderer component to achieve this functionality in Flex.
Continue reading Extending LabelItemRenderer to look like iTunes on the iPad
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
Evtim and I gave a presentation at 360Flex Denver this year about optimizing performance of item renderers and skins in Flex 4.5 applications.
Continue reading Flex Performance Tips & Tricks
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