1. Home
2. Developer Connection
3. Flex Developer Center
4. Flex Sample Applications

Flex sample application

Spark Intranet Sample App

The Spark Intranet Sample App is a sample application created with Flex 4. It will introduce you to the major updates to the MXML specification, the new Spark framework, skinning, styles, and Flash Builder 4 features. Specifically, the Spark Inc application will introduce you to the new Spark Lists, skinning Spark components, CSS styles, states, effects, Text Layout framework, and transitions of the Flex 4 SDK. The Flash Builder 4 features touched upon are the Data/Services, Network Monitor, Test Operation, and Getter/Setter auto-generation.

The article that accompanies this sample application will guide you through some of the newest, and most commonly used features of Flex 4 and will help to straighten the learning curve for current Flex developers. With the introduction of the Spark framework, there are powerful new tools at your disposal and jumping into working code is a good way to get up-to-speed.

Experience the application

Read the tutorial

To download and view the full source, right-click the Flex application and select View Source from the context menu.

File and folder descriptions

• HomeView: Makes up the main content you see when you first run the application Network Monitor view.
• LoginView: Contains a fake login function as well as commented code for an actual call to ColdFusion server if you choose to use it.
• TimeSheetView: Is set as the default, but again, if you want to use the CFC to connect to the server you can uncomment the TimeSheetView_CF right below it on Main.mxml. Either one makes up the DataGrid-like component where users would enter their time for the week.
• NewsView and ExpandedNewsView: Make up the horizontal list in the main screen.
• components/: All skins for components are in the component package to keep the sample clean and easy to understand.
• data/: This is the faked XML the application will use when not hooked into ColdFusion.
• assets/images/: Various images used in the skins for components.
• events/: Contain custom events dispatched from when a user interacts with the application.
• valueObjects/: Simple Value Objects for use in data providers for components.

Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at Adobe.