Editor

Create and modify engaging pages and polished global elements with ease.

  • A discrete design element that can be added to an XM page. Fabric provides out-of-the-box components and XM's flexible system allows your developers to add any supplemental components you may want.

  • Defined date & time when the page version will become active and be published to the site

  1. From the Pages list, click on the three vertical dots next to the page version you want to modify
  2. Select Edit
  3. Click Add component in the editing panel
  4. Select a component from the list
  5. Click Save 

Warning: Changes will be lost if you fail to Save changes before navigating away from the edited page.

Add Component
Add Component

  1. Click on the component to be edited via the editing panel
  2. Click on the portion of the component you want to edit
  3. Edit fields 
  4. Click Save 

Warning: Changes will be lost if you fail to Save changes before navigating away from the edited page.

Note: List of existing and upcoming XM components can be found in Out-of-the-Box components.

Edit Component
Edit Component

  1. Add a component with images to a page in the editor
  2. Open the component
  3. Click the Image icon
  4. In the image upload form 
    1. Add image URL OR Choose an image from desktop
    2. Add alt text
    3. Click Add Image
  5. Click Save

Warning: Changes will be lost if you fail to Save changes before navigating away from the edited page

Add Image
Add Image

  1. Hover over the component in the editing panel
  2. Click the Trash icon
  3. Click Save

Warning: Changes will be lost if you fail to Save changes before navigating away from the edited page

Delete Component
Delete Component

Publish immediately

Click Publish button at the upper-right of the screen

Note: After a page is published, the Publish button may turn grey and clicking Save will update changes to the site

 

Scheduled publishing

  1. Click the drop-down arrow next to the Publish button at the upper-right of the screen
  2. Select Schedule
  3. Define Start Date and Time (user's local time)
  4. Click Publish

Publishing
Publishing

In-app preview

Editor allows you to preview the page as it's built.  Click the mobile, tablet, and desktop icons at the top of the screen to toggle your view to a different device type.

 

Full-screen preview

  1. Click the Arrow icon next to the screen icons. 
  2. The Page Version will be shown as a full screen preview.
  3. To close the preview, click the Arrow icon at the top left corner

Preview
Preview

Most pages are built of several components. Components can be nested inside parent components to make future editing easier. 

Creating Nested Components

 

Step 1: Navigate to the Editor for the desired Page Version

Step 2: Add Components

Click Add Component in the left rail. A dialog box will open with two options: Image and Text or Rich Text Editor. Select one to be the parent component; this will be added to the left rail.

 

Step 3: Add components inside components

Click the parent component on the left rail.  A new menu will appear with section options (like Heading, Boxes, My Buttons)

 

 

Step 4: Add Box Title

Click on the arrow next to one of the options.  A drop-down menu will appear with an editable page element, in addition to a + Add component option. 

 

Step 5: Add nested component

Click + Add Component.  A dialog box will appear with the original 2 options Image and Text or Rich Text Editor. Select the option you need and follow the prompts, as above.

Last update: May 07, 2021

Have any questions?
Let's Talk.