Documentation

Content Page Editor User Interface Reference

Using the Content Page Editor, you can add and configure elements in your Content Page. To open the Content Page Editor, click Edit (Edit icon) at the top right of the Application Bar. This reveals the editing toolbar and sidebar, which contain tools and components for building your Content Pages.

Click Edit to access a Content Page's editing toolbar and sidebar.

Editing Toolbar

The Content Page toolbar contains tools for creating unique user experiences, setting localized translations, switching between edit modes, and more.

Click on Edit to access the Content Page toolbar.

Experiences

Using the Experience drop-down menu, you can create copies of the current page to customize for a specific audience. See Content Page Personalization for more information.

Translations

Click on the language flag to access the translation drop-down menu. Here, you can view the status of active languages for a Page, as well as switch between languages to view and edit translations directly. See Configuring Site Languages for more information.

If you use Experiences for Content Page Personalization, you can configure the Experience using the languages available for your site. See Managing Experience Localization for more information.

Device Display

Click the device icons to access DXP’s Responsive Layout Editor, where you can view and configure your Content Page layout for different screen sizes, such as desktop, phone, or tablet. These layout controls include

  • Desktop

  • Tablet

  • Landscape Phone

  • Portrait Phone

Select the design option for different screen layouts.

Note

The Fragments and Widgets and Page Design options in the Content Page sidebar are only available in the Desktop layout.

In the Tablet and Phone layouts, you can further adjust the screen size using the resize handlebar.

Resize the content preview in the Tablet or Phone layouts.

Edit History

Click History (Time) to view changes you’ve made to the Content Page during your current edit session. Use the undo and redo buttons to reverse or restore those changes.

Revert your changes using the Undo, Redo, and History buttons.

Edit Mode Selector

The editing options available in the Content Page sidebar depend on the editing mode you choose.

Edit Mode Description Available Options
Page Design You can design pages when you have permission to update the page and the page content.
Content Editing You can edit content when you have permission to update the page but not the page content. All options in Page Design mode plus:

Choose between Page Design or Content Editing editing modes.

Preview and Publish

After making your changes, click Preview (Preview) to show the published view of your Page. While previewing your changes, you can select which experience, language, and device layout to view. When finished, click Publish. By default, publishing makes your changes live immediately. However, if you’ve enabled a custom Workflow to direct the review and publishing process, clicking Publish initiates your defined procedure.

Editing Sidebar

Depending on your selected editing mode, you can access these options in the edit sidebar:

Click Edit to access the Content Page sidebar menu.

Fragments and Widgets

In the Fragments and Widgets sidebar panel (Fragments and Widgets icon), you can access both out-of-the-box and custom Page elements for building your Page.

  • Fragments: Fragments are extensible, reusable, drag-and-drop elements that serve as the primary building blocks for Content Pages. Examples include layout elements, videos, and banner images with text overlay. See Using Page Fragments to learn more about DXP’s out-of-the-box fragments, or Developing Fragments to learn how to create your own.

    Note

    For a description of the different Page Fragments in the Content Page editor, see Page Fragments User Interface Reference.

  • Widgets: As in other DXP contexts, widgets are applications that add dynamic functionality to a Page. Examples include blogs, message boards, and calendars. See Using Widgets on Content Pages for more information.

Selection

In the Selection sidebar panel (Selection), you can view a hierarchical outline of all Page elements, as well as select, configure, or remove those elements. Similarly, clicking any element on the Page while in the Design mode opens the Selection panel and highlights the selected Page element in the hierarchy. When an element is selected, you can access its General, Styles, and Link options, if it has any. See Using Page Fragments for more information.

Selection shows you a hierarchy of your Page and contents.

Note

A Page’s Header and Footer are not listed in the Selection panel hierarchy. This is because you can only modify them in the Master Page Template.

Contents

Here you can view, edit, and manage all web content on the Page. This includes content displayed in widgets and mapped to content fields. See Managing Web Content on Content Pages for more information.

Page Design Options

Click Look and Feel (Look and Feel) to change the Master Page Template or Style Book.

Comments

Use Page Fragment comments to collaborate with team members while developing your Content Page. Once made, you can view, edit, delete, or reply to open comments in the Content Page sidebar’s Comments panel (Comments icon). If mentions are enabled, you can tag Users with Page update permissions as part of your comment.

Note

For versions prior to 7.3+, comments are disabled by default. To enable Page comments, go to Control PanelConfigurationSystem SettingsPagesContent Page Editor. Then, check the Comments Enabled checkbox, and click Update.