The Workspace of the Content App is your main working screen for creating and editing content. As the Workspace supports drag and drop and context menus, you can work in the same way as with a normal desktop application. One special feature is the combination of the Form View (5) on the left side and the Preview (6) on the right side. Changes that you make in the Form View are immediately visible in the Preview, whereas right clicking on an element in the Preview highlights the associated field in the Form View.

The Library (8) and the Control Room (1) can both be displayed docked (default for the Control Room) and in a floating mode (default for the Library). Docking is available on the left border and right border of of the workspace. The position of the components can be changed via drag and drop. When Library and Control Room are both docked in the same area, they hide each other on activation. The size and position of the Library and the Control Room are persisted and get restored on Studio startup.

Figure 2.13. The workspace

The Workspace consists of a number of different functional components:

Above the Preview Toolbar in the upper right corner you will find the user menu which allows you to log out and to adapt user specific settings for CoreMedia Studio.

The following icons are used in the Header Bar:

Icon	Name
	Dashboard
	Library
	Control Room
	Jobs Window
	Inbox
	Main Menu

Table 2.1. Key icons in the Header Bar

Control Room

You manage your current projects and workflows in the Control Room (see Section 2.4.1.1, “Control Room”). You find all content items you have currently edited, you can create and manage projects and use them to start workflows.

Jobs Window

The Jobs window shows you long running processes, such as XLIFF uploads, content creation with the Content Hub or augmentation of commerce objects. In the Jobs window you can cancel these jobs.

Form Toolbar

The Form Toolbar presents you with information about the current state of the content item. In addition, you can also use the arrow icons "<" and ">" to hide or show (collapse/expand) the Preview.

Preview Toolbar

Use the Preview Toolbar to show or hide (expand/collapse) the Preview, to navigate between different pages or to send the address of the content item you are currently editing to a colleague.

Header Bar

You can use the Header Bar to open the Main menu , Library , the Dashboard , the Control Room and the Jobs window . In addition, you can use predefined searches (see Section 4.3.3, “Using Search Folders”) and the create content menu.

Form View

Use the Form View to edit your content items. As soon as you start editing, you are given exclusive editing rights, that is, other users will no longer be able to change any content. The Properties tab lists certain items of content metadata. Path is used to show the content item in the Library. You can use the field Editing History to open previous versions of the content item. If you have several Forms open, you can sort them dragging the tabs. Right clicking on the tab opens a context menu where you can, for example, close all other forms.

Preview

In the Preview, you can see the content item being edited in the Form View as it would appear on your website. The field currently being edited is in the focus of the Preview. Similarly, if you right-click on an area in the Preview, then the associated field in the Form View is also highlighted. When hovering with the mouse over the Preview, the selectable areas are highlighted by a gray border (To disable the highlights on mouse over see Section 3.3.8, “Disabling the Highlighting of Preview Content on Mouseover”). If the Preview contains links, then you can also use these to navigate and open up an augmented page, for example. You can then use the browser's context menu or the reload icon in the URL of the preview to return to your original page.

You can zoom into the preview or adapt the preview to the window size using the icons at the top of the preview.

Figure 2.14. Zooming in the Preview

With the slider at the top left you adapt the Preview to different output devices.

Figure 2.15. Adapt the Preview for different devices

The layout of a page can change in your CoreMedia system depending on the output device ("responsive Design"). For a mobile phone, for example, a single-column layout is better to use, due to the screen size. The devices are depicted in the preview as is shown in Figure 2.15, “Adapt the Preview for different devices”.

With the button at the top left you can highlight placements in the preview. The button is only visible when the page contains placements.

Figure 2.16. Highlight Placements in the preview

By clicking the button, the placements on the page are highlighted in a blue box with the Placement Name in the left upper corner. Figure 2.16, “Highlight Placements in the preview”.