In-Context Editing Configuration

The In-Context Editing (ICE) feature provides you with a click-and-edit system to edit elements on the page in real time. On pages with ICE enabled, you can select In-Context Edit View. This view allows editing through the preview of a checked-out page or component. Each editable field highlights on mouse-over. Clicking a highlighted field opens the editor.

Note: The file must be checked-out and assigned to you, and the views or XSL stylesheets must conform to Ingeniux requirements. For this process to work, ICE must be enabled.

Note: To configure Preview Settings to preview Multi-Format Output (MFO) pages in ICE, see Configure Previewing MFO Pages in ICE.

To configure ICE:

  1. Navigate to Administration > System Options > CMS > In-Context Editing.

    In-Context Editing Configuration

  2. Select the Enable In-Context Editing checkbox.
  3. Configure the following settings as needed:
    • Enable HTML Editor to match the look and feel of page preview: Enabled checkbox causes the HTML editor to apply the CSS from the Preview page to match the look of the Preview field.

      Note: This feature doesn't work with HTML that employs CSS filters. If the styling in the HTML editor displays as unusual, disable this feature.

    • Base Z-Index of Field Marker: Field configures field markers to display as visible when an HTML template depends on the Z-Index for layout.
    Version Notes: CMS 10.3+
    Field Marker Color and Invoked Field Marker Color settings no longer exist in Ingeniux CMS 10.3+.
  4. Click Save when finished.