Skinning and Styling the ApplicationThe AF – Client Manager is a combination of graphical skinning and programmatic styles.Styles for the application include font sizes, font colors, and background alphas. Skinning,on the other hand, is a little more complex, since I chose to change the base skins for Button, TabNavigator, and TextInput by overriding skins in those… Read More Skinning and Styling the Application and Creating the AF – Client Manager Style Sheet

Coding the Flex ComponentsThe last parts we need to code are the actual views to display data.Coding the Client ListThe client list is the first component we will tackle. It is a list of client information containing an uploaded company logo, client name, client location, and client phone numberClientList.mxml (com.af.clientmanager.view.ClientManager.components)<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml&quot;height=”100%”xmlns:Renderers=”com.af.clientmanager.view.Renderers.*”creationComplete=”initComp()”>&lt;![CDATA[import com.adobe.cairngorm.control. ➥CairngormEventDispatcher; import com.af.clientmanager.control.commands.events. ➥GetClientsEvent;import… Read More Coding the Flex Components

Flex Component Construction Using CairngormWe have configured the BlazeDS server, MySQL database, and Spring beans, and have built the Spring services. Flex is ready to consume those services with the help of Cairngorm to facilitate the transport of data.We have strung together the entire application and need to populate it with data and application logic to… Read More Flex Component Construction Using Cairngorm

The AF – Client Manager Modelwe set up the Cairngorm configuration for Flex by creating the base classes for the delegates, model locator, services, and controller. We also instantiated the controller and services as singletons in the MXML.To properly wire the application, we need to use the model for binding ,ModelLocator.mxmlpackage com.af.clientmanager.model{import com.adobe.cairngorm.model.ModelLocator;import com.af.clientmanager.model.vo.*;import mx.collections.ArrayCollection;[Bindable]public… Read More Building the Flex User Interface – Part 1

Spring Configuration for FlexThen follow these steps to configure a new Spring project:1. Download the Spring Framework from http://www.springframework.org/download.2. Copy the spring.jar file that you downloaded to the AppFoundation/WebRoot/WEB-INF/lib directory in the af_Central project which contains the BlazeDS server, and add it tothe Java Build Path in the project properties. In the root/libs directory for… Read More Flex, Spring, Cairngorm, Hibernate :Bringing It All Together