Using Flex Builder 2 > Developing a Flex Application User Interface > Building a Flex User Interface > Working with components visually

Working with components visually

Flex Builder lets you work with components visually in the MXML editor so that you can see what your application looks like as you build it. The MXML editor has two modes: Source mode for writing code, and Design mode for developing applications visually.

This section contains the following topics:

• Using the MXML editor in Design mode
• Selecting multiple components in an MXML file
• Positioning components
• Positioning components
• Using snapping to position components
• Aligning components
• Nudging components
• Setting component properties
• Applying CSS styles to components
• Refreshing Design mode to render properly
• Showing surrounding containers
• Inspecting the structure of your MXML
• Hiding container borders
• Copying components to other MXML files
• Deleting components

Related topics

• Adding navigator containers
• Laying out your user interface
• Working in the editor's Source and Design modes

Flex 2.01