Using the work area

The work area enables you to interactively manage the layout of objects that make up project. Insert images, audio, video and other supported media types to the work area. Use your mouse to drag and move items on a page, and double-click an object to reveal its properties. Each object that is visible within the work area will also have a representation in the Project Explorer.

When project is enabled for responsive design, a device selection bar is added to your display area. The device selection bar contains five graphics representing the views popular with today's devices.

From left to right, the device views are:

	Phone Portrait View
	Tablet Portrait View
	Desktop View
	Tablet Landscape View
	Phone Landscape View

The view bar allows you to quickly switch between views to verify how your text and objects are displayed in each view. When you add objects to the project, the objects are optimally scaled and moved for each device view. Click a device graphic within the selection bar to see how your content will look on each device.

The arrows displayed next to the device graphics in the device selection bar represent the flow of inheritance of the development changes that you make in the current device view. The arrows indicate the direction of the responsive inheritance flow, starting from the desktop to the tablet and then to the phone. Additionally, the color of the arrow is representative of the device on which a override was made in a particular device view (green if the override was done/inherited from the tablet view or orange if the override was done on the phone). For example, the properties for the objects displayed in the Phone Portrait View are inherited from the current settings of the properties of the objects in the Tablet Portrait View.

See also: Supported media types