Page Comparison

In This Topic

Workspace Overview

The parts of the Workspace are shown in the figure below:

Customizing the Sidebars

The sidebars in the Workspace can be fully customized according to your personal preferences. You can resize the sidebars, add or remove widgets, and arrange the widgets exactly how you want them. The left and right sidebars of the Workspace work exactly the same: Each has a tab containing icons that allow you to minimize and maximize the sidebar, drag and resize the sidebar to your desired width, pin the sidebar to the Workspace, and add widgets. Widgets can also be dragged up and down in the same sidebar in order to rearrange the order in which they appear from top to bottom or you can drag a widget from the left to the right sidebar and vice versa.

Adding Widgets

Using widgets, you interact with the structure of your website, preview content, modify the properties of content items, and can see references between content items. XperienCentral contains seven default widgets that you can add to the Workspace sidebars. Your application manager and developers can develop their own widgets and easily add them to XperienCentral. Contact them for information on using widgets which are custom to your project.

Click one of the following for information on the default XperienCentral widgets:

• Site Structure Widget
• Properties Widget
• /wiki/spaces/GXAR/pages/25002961
• Context Widget
• Page Section Widget

To add a widget to a sidebar, follow these steps:

1. Expand the sidebar to which you want to add a widget by clicking the expand button if it is collapsed:
   
   
   
   
   
   
2. Click the Add icon at the edge of the Sidebar:
   
   
   
   
   
   The "Add widgets to the sidebar" dialog box appears.
   
   
   
3. Click the [Add] button next to the widget you want to add. For example:
   
   
   
   
   
   The widget is added to the sidebar.

Moving Widgets

The widgets in the sidebars of your Workspace can be dragged and moved around to suit your preferences at any time. You can arrange the widgets any way you like from top to bottom and you can also drag a widget from one Sidebar to the other.

To rearrange widgets within a sidebar, follow these steps:

1. Expand the Sidebar so that the widgets are visible.
2. Hover the mouse over the title bar of the widget until a four-sided arrow indicator appears.
   
   
   
   
   
3. Click and hold the left mouse button in the title bar of the widget you want to move.
4. Drag the widget up or down to the desired location. While dragging the widget, an indicator will appear at the top left corner of the widget being dragged that tells you when it is in a position where it can be dropped. When it can be dropped, an outline box will appear showing the location where it will be placed.
5. When the widget is at the desired location, release the left mouse button. The widget is dropped in that place and the other widgets rearrange themselves accordingly.

To move a widget from one sidebar to the other, follow these steps:

1. Expand both sidebars.
2. Hover the mouse over the title bar of the widget you want to move from one sidebar to the other until a four-sided arrow indicator appears.
3. Click and hold the left mouse button in the title bar of the widget you want to move.
4. Drag the widget to the desired location on the other sidebar. While dragging the widget, an indicator will appear at the top left corner of the widget being dragged that tells you when it is in a position where it can be dropped. When it can be dropped, an outline box will appear showing the location where it will be placed.
   
   
   
   
   
   
5. When the widget is at the desired location, release the left mouse button. The widget is dropped in that place and the other widgets rearrange themselves accordingly.

Manually Resizing the Sidebars

The sidebars can be resized to any desired width. This is done by clicking and dragging the Resizer. To resize a sidebar using the Resizer:

1. Hover the mouse over the resizer until the Resizer indicator appears.
   
   
   
   
    
   
   
2. Point the mouse at the resize icon, click and hold the left mouse button and then drag the Resizer to the left or right until the sidebar is the desired width.
3. Release the left mouse button.

Expanding and Collapsing the Sidebars

The sidebars can be expanded and collapsed with the single click of the mouse. To collapse a sidebar, click the Collapse button in the sidebar's anchor. The sidebar collapses. To expand a sidebar, click the expand button in the sidebar's anchor. The sidebar expands.

Navigating in the Sidebars

When the sidebar contains more widgets than can be displayed in one view vertically, a scrollbar appears (on the left side of the right sidebar and on the right side of the left sidebar). Drag the scrollbar and down to access the widgets that are out of view.

Floating Versus Docked

The sidebars have two modes: floating and docked. In floating mode, content can appear behind the sidebars — the sidebar is partially transparent and the content behind it can be seen. In docked mode, a sidebar claims the part of the screen where it is and content in the content item is adjusted so that all of it remains visible. To switch to docked mode, hover the mouse over the sidebar's tab (right of the left sidebar and left of the right sidebar) and click the pin icon. The tab disappears and the edge of the sidebar is flush to the content. To switch to floating mode, hover the mouse over the sidebar's tab (right of the left sidebar and left of the right sidebar) and click the pin icon. The sidebar tab appears and the content adjusts so that part of it appears behind the sidebar.

Back to top

Switching Between

Switching Between Language Versions

When more than one language version of your website exists, you can quickly and easily switch between the versions using the Language Widgetdrop-down that is fixed to the top of each Sidebar. Expand the drop-down list and select the language you want to switch to. For example:

Multiple language versions of content items exist parallel to each other. For pages and page sections, the tree structures are identical. For all content items, the title of the language versions can be different as well as the workflow status. In almost all cases, different language versions of content items have different content than their parallel language versions. In the image below, the pages in the site structure have an English language version and a Dutch language version:
 

When there are multiple language versions of content items, you have the added flexibility that a content item in one language can be published while its counterpart in the other language(s) can be unpublished and therefore not visible on the frontend. For example:

In the above image, you can see that the page "Academy" in the English language version of the site structure is published while its Dutch counterpart "Academie" is not published. The same rule holds for page sections and all other content items in XperienCentral.

In the Language Widget, the current language you are viewing is always shown in the collapsed drop-down list. To switch to a different language version, select the language from the drop-down list. When the drop-down list is expanded, the current language is shown in bold text. When you select the language you want to switch to, the names of pages in the Site Structure Widget and the names of the page sections in the Page Sections Widget change to the language you select. You can now proceed to edit the website in the language version you selected.

Creating a New Language Version

To create a new language version of a content item, follow the steps below. You can also create a new language version of a content item using the Actions menu.

1. Navigate to the content item in the Workspace using the Site Structure Widget, Page Sections Widget or using Search.
2. In the Language Widget, expand the drop-down list and select the language for which you want to create the new version. The "New Language Version" dialog appears:
   
   
   
   
   
   
3. To create an empty version of the content item, select "Create new <language> version".
4. To copy the content from a version of the content item that exists in a different language, select "Copy the <language> version". You can then select the version to copy content from in the drop-down list.
5. Click [Apply]. The new version of the content item is created in the language you selected. The version of the new content item becomes the active language in the Edit environment.

Back to top

Creating New Content

Back to top

Configuration Menu

In the top bar of the Workspace there is a link to the XperienCentral Configuration menu. When you click Configuration, a menu appears which contains all the XperienCentral functionality categorized into functional groups.

Back to top

User Menu

The User menu, located at the top right part of the Workspace, can be accessed by clicking your username. For example:

The drop-down list consists of the following options:

Back to top