Customizing Flex Styles

SAP provides a sample project, SAPEnterpriseWorkspaces.css, which contains the default Flex style definitions for all the components of enterprise workspaces. This section describes how to customize the default Flex styles.

Prerequisites

You are familiar with using Flex.
To work with Flex styles in enterprise workspaces:
- Your development environment has a Flex IDE installed.
  This document assumes that the IDE you have installed is Adobe Flex Builder 3 (version 3.02 and up). However, you can use any Flex IDE that supports editing and compiling Flex CSS files.
  
  For more information about Adobe Flex Builder 3 and Flex CSS development, see: http://livedocs.adobe.com/flex/3/html/help.html?content=styles_01.html
- You are using Flex SDK version 3.2.
  This can be downloaded from: http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3

Procedure

Download and open the sample project.
For more information, see Downloading and Opening the Sample Project.
Change and compile the CSS file.
For more information, see Changing and Compiling CSS Files.
Assign Flex styles to portal themes.
For more information, see Customizing Workspace Themes.