Content Manager

Get started with Content Manager

📘
Note
Using Content Manager as a content selector is not enabled in CMS 13 pre-release. This will become available in 13.0.
Also, Content Sources and Contracts not enabled in the first CMS 13 pre-release. Therefore it will return empty. It will come online in CMS 13 and show content. In the pre-release the CMS section will still work.

Enable Graph Service in DXP Portal under tab API.
Retrieve your keys from DXP Portal after Graph Service is added.
Configure appSettings.json with your keys. See example below.
In Startup.cs, call services.AddContentGraph().AddContentManager();.
🚧
Important
In the preview, the order of AddContentGraph() and AddContentManager() is important.

{
  "Optimizely": {
    "ContentGraph": {
      "GatewayAddress": "https:// cg.optimizely.com",
      "AllowSendingLog": "true",
      "AppKey": "",
      "Secret": "",
      "SingleKey": ""
    }
  }
}

Enhanced search

Added enhanced search capabilities to Content Manager with a search-first approach to content navigation. Content Manager search is powered by Optimizely Graph. This enhancement includes Graph-based implementations for Content Manager views and GridView queries.

📘
Note
Optimizely Graph is required to use Content Manager. Customers who do not use Optimizely Graph cannot access Content Manager.

List view enhancements

Added the ability for users to customize the columns displayed in the Content Manager list view, allowing them to define and prioritize relevant information.

Users can toggle columns on or off to control their visibility in the list/table.
The Name column is required; there is no limit on the number of displayed columns. Horizontal scrolling is provided when multiple active columns exceed the visible area.
The order of columns in the display corresponds to their order in the column selector.

Limitations in this release

Custom columns (user-defined) are not supported in this release.
Custom saved views, for returning to or sharing specific column configurations, are not available.
Column selections are not saved between user sessions.

Grid view enhancements

Added visual and functional enhancements to the grid view UI in Content Manager, improving content presentation and clarity.

Asset Backgrounds and Borders

Image and PDF assets feature a gray background border to aid in understanding their orientation.
Thumbnails for non-media content types, such as forms, blocks, and pages, fill their containers without a gray background.

Selection Indication – Selected content items are now indicated with a blue border.

Content list filtering

Added filtering capabilities to the Content Manager list, letting you refine the displayed content by content type, status, and language.

Content Type Filter – A filter function for content type is available. It presents options based on content types currently referenced in the list, including Base types, Page types, and Block types. You can select multiple content types simultaneously.
Status Filter – A filter function for content status is available, offering options to filter by the status of content currently referenced. You can select multiple statuses.
Language Filter – A filter function for language is available, letting you filter content by specific languages. You can select multiple languages, and a column for language was added to the content table.
Filter Panel Interaction – You can open and close the filters side panel using both a dedicated Filters button and a Close button within the panel. Requests to the server are debounced by 200ms when you click a single checkbox in the panel.

Content details panel

Added a Details panel in Content Manager to provide a comprehensive overview of content items. This lets you review content information before further action.

A View details call-to-action (CTA) is now available in the **More **(...) menu for each content item, which opens the Details panel.
The Details panel opens as a drawer from the right side of the UI. It remains open when switching between content items until explicitly closed.
The panel displays a thumbnail of the asset (or a placeholder icon if no thumbnail is present), the content's title and icon, and associated properties for that content type.
An Edit option is included within the panel. For content residing outside CMS (such as an external DAM), this function links directly to the appropriate external integration.
The **Details **panel is available only for the Grid view in Content Manager.

Content source navigation

Added a navigation panel on the left-hand side of Content Manager, letting you load and view content lists from various sources.

Each content source, including CMS, displays as an individual item in this panel. The list of content sources is displayed only when external content sources are configured in addition to the default CMS.
External content sources – When an external content source is selected, the list displays content from its associated shadow content types in Optimizely Graph (for example, cmp_PublicImageAsset). Filtering is not available for these lists, and the Filter button is not displayed.
CMS content – When CMS content source is selected, the list displays content types belonging to CMS. Filtering is available, and the Filter button is displayed, letting you filter by individual content types, languages, and status.
To add a content source, administrators must configure it in admin view by connecting from Optimizely Graph or activating relevant DAM content types.

Create a CMS page

You can create CMS pages directly from the Content Manager user interface. This streamlines the content creation workflow by integrating page creation into the Content Manager.

A page creation call-to-action (CTA) is now available in the Content Manager list view.
Upon initiating page creation, a blueprint selector modal displays with available page templates (blueprints). The selection of blueprints is contextual, reflecting your current location in the page tree.
The blueprint selector modal includes a page tree with a search box, so you can navigate and select the parent location for the new page. Applications within the tree are expanded by default. If no parent is specified, the page is created under the root.
Users can select a blueprint to define the new page's content; if no blueprint is selected, a blank page is created.
After selecting a blueprint, you automatically go to the Edit UI for the newly created page.
The page tree respects user permissions, preventing content creation in unauthorized areas.
Users are warned if a selected node (including the root) has more than 10,000 direct children, which may indicate performance considerations.
Reorganizing content within the page tree is not supported through this interface.

In-context content editing

You can edit content directly from Content Manager, providing a more integrated editing experience.

Click Edit for a content item to open a dialog containing an iframe. The iframe is preloaded to reduce waiting times, and the dialog is hidden rather than destroyed upon closing, improving subsequent access.

When switching between content items, the iframe's content is updated to reflect the new context. The iframe is configured to provide a focused editing environment by skipping the rendering of navigation and project menus, and preventing context changes such as interactions with page tree items or the assets pane.

Content selector for image asset selection

You can use a content selector, a streamlined and context-aware version of Content Manager, directly within Visual Builder. This integration provides a focused interface for selecting image assets without navigating to the full Content Manager UI.

The content selector is accessible when an image element is selected in Visual Builder.
This initial iteration focuses exclusively on image assets.
Support for selecting image assets from Optimizely Content Marketing Platform (CMP) is included if CMP is integrated into the installation.

Dedicated image selection

You can browse and select images with the content selector to find and select appropriate image assets for their content.

When you select an image, the content selector UI displays in a modal, pre-filtered to display only image assets. Other media files or content types are not shown.
Selecting an image adds it directly to the page or content.
Multiple image selection is not supported, and the corresponding checkbox is suppressed.
An indicator confirms that the view is pre-filtered to images.
When replacing an image, the previously selected image is displayed as the first item in the list and is highlighted.
To maintain a focused selection experience, content names are not displayed as links, the context menu is hidden, and the content create/upload button is not visible.
This feature supports a single content reference for images.