Edit Modes


Users can choose an edit mode when displaying and modifying page and component content in the Edit tab.

Edit modes include:

CMS 10.6 Index Edit Mode Button Index (default)
This edit mode displays a table layout of the edit form.
CMS 10.6 Form Edit Mode Button Form
This edit mode displays all fields as expanded. Users can immediately access the fields and start editing.
CMS 10.6 In-Context Edit Mode Button In-Context Editing
For pages configured with this edit mode, users can modify content and immediately preview their changes.

CMS 10.6 vs. CMS 10.0–10.5

The Edit Mode functionality and user interface differs depending on your CMS site version. Follow the section that corresponds with your version.

Note
See CMS Statistics for details to check your version.

CMS 10.6

Use the Edit Mode buttons in the Edit tab toolbar to choose an editing interface.

CMS 10.6 Edit Mode Buttons in Edit Tab Toolbar

CMS 10.6 Index Editing Mode

The Index edit mode CMS 10.6 Index Edit Mode Button provides a table layout of the edit form.

CMS 10.6 Index Edit Mode in Edit Tab

The first column provides a number for each field element in the form, which can help users to identify similarly named fields or to identify the locations of fields in the form.

The second column displays icons to indicate the status of individual fields. Icons that flag field status include:

Required Icon Required

If this icon displays, then the system requires users to provide a field element value.

Hidden Icon Hidden

If this icon displays, then the system hides the element from users who don't have permissions to view hidden elements.

Read-Only Icon Read-only
If this icon displays, then the system displays the field element as inactive (i.e., dimmed) to users who don't have permissions to modify read-only elements. The system prevents these users from editing the field element.
CMS 10.6 Unpublished Assets Icon Unpublished Assets
If this icon displays, then the field element value contains referenced asset items not marked for publish to the current publishing target. See Unpublished Assets Icon for details.
Note
Administrators see what individual users can work on when those users don't have Hidden and Read-only field access permissions.

The final third column displays the Icon and field label of the field element. Users can expand field elements by selecting their row entry in the form outline.

CMS 10.6 Expanded Plain Text Field via Index Edit Mode

When expanded, the field displays the following icons:

Clear Icon Clear
Select this icon to clear input data from the field element value.
Contextual Help IconContextual help
Hover your cursor over this icon to display contextual help text about the field element.

CMS 10.6 Contextual Help Hover Text via Index Edit Mode

Field Changes IconField changes
This icon only displays when the field element contains new value changes.

CMS 10.6 Form Editing Mode

The Form edit mode CMS 10.6 Form Edit Mode Button provides a traditional view of the edit form. Fields always display as expanded and ready to click. This edit mode makes the edit form longer in contrast to the Index edit mode.

CMS 10.6 Form Edit Mode in Edit Tab

The field display the following icons:

Clear Icon Clear
This icon only displays when users select the field element. Use this icon to clear input data from the field element value.
Contextual Help IconContextual help
Hover your cursor over this icon to display contextual help text about the field element.
Note
Required fields display the [Required] red text next to the field label. To see hidden fields, read-only fields, and fields with unpublished assets, switch to the Index edit mode CMS 10.6 Index Edit Mode Button.

CMS 10.6 In-Context Editing (ICE) Mode

For site pages with In-Context Editing (ICE) configured, users can access the In-Context edit mode CMS 10.6 In-Context Edit Mode Button. This edit mode provides tools for users to simultaneously edit page content and preview the page view.

Important
ICE mode requires configuration before users can use this feature. See CMS 10.6 In-Context Editing (ICE) for details about CMS 10.6 ICE mode and prerequisites. Keep in mind that the system requires administrators and developers to configure editable fields for ICE and that not all field types are editable within ICE mode.

See CMS 10.6 Making Changes to Fields via In-Context Editing for details to edit fields in ICE.

ICE mode interface:

CMS 10.6 In-Context Edit Mode in Edit Tab

Example of an editable ICE list field:

CMS 10.6 ICE List Element with Component List Items

CMS 10.6 Show Index Toggle

Users can toggle the Show Index switch in the Form CMS 10.6 Form Edit Mode Button and In-Context CMS 10.6 Index Edit Mode Button edit modes.

When users toggle this switch onCMS 10.6 Show Index Toggle On, the Edit tab displays all the page's available fields in a hierarchical list (i.e., the "index") within the leftmost pane.

CMS 10.6 Show Index Toggle Switch

Users can access the index pane to select the editable fields within the list. If users select a field in the index, the field becomes selected in the Edit tab workspace.

When users toggle this switch off CMS 10.6 Show Index Toggle Off, the Edit tab hides the index pane from view.

See CMS 10.6 Accessing In-Context Editing Mode for additional details about how to use the Show Index toggle switch.

Back to Top

CMS 10.0–10.5

Use the drop-down menu and toggle buttons at the top of the edit form to switch between the different views.

Edit Mode: ICE View

Note
In-Context Edit View is only available on Pages and is controlled within Administration > System Options.

CMS 10.0–10.5 Index Editing View

The Index View provides a table layout of the edit form.

CMS 10.0–10.5 Index Edit View in Edit Tab

The first column provides a number for each field element in the form, which can help users to identify similarly named fields or to identify the locations of fields in the form.

The second column displays icons that indicate if elements are Required, Hidden, or Read-only.

Note
Administrators see what individual users can work on when those users don't have Hidden and Read-only field access permissions.

The final column displays the Icon and Field Label of the element.

To expand a form element:

  • Click the row in the outline.

CMS 10.0–10.5 Expanded XHTML Editor Field via Index Edit View

An expanded element displays Clear Clear Icon and Contextual Help Text Contextual Help Icon icons in the field label row. Users can hover their cursor over the Contextual Help Text Contextual Help Icon icon to display help text about the field element.

CMS 10.0–10.5 Contextual Help Hover Text via Index Edit Mode

CMS 10.0–10.5 Form Editing View

Form view provides a traditional view of the edit form. In this view, fields always display as expanded and ready to click. This edit view makes the edit form longer in contrast to the Index edit mode.

CMS 10.0–10.5 Form Edit View in Edit Tab

Contextual Help Text Contextual Help Icon icons display in the upper-right corner of each field.

Note
Required fields display the [Required] red text next to the field label. To see hidden fields, read-only fields, and fields with unpublished assets, switch to the Index view .

CMS 10.0–10.5 In-Context Editing (ICE) View

For site pages with In-Context Editing (ICE) configured, users can access the In-Context Edit View. This edit mode provides tools for users to simultaneously edit page content and preview the page view.

Important
ICE mode requires configuration before users can use this feature. See CMS 10.0–10.5 In-Context Editing (ICE) for details about 10.0–10.5 ICE mode and prerequisites. Keep in mind that the system requires administrators and developers to configure editable fields for ICE and that not all field types are editable within ICE mode.

CMS 10.0–10.5 In-Context Edit Mode in Edit Tab

To edit in ICE mode:

  1. Hover your cursor over the content of the preview to highlight editable fields.

    CMS 10.0–10.5 ICE Plain Text Field

  2. Select the field content or the edit icon in the upper-right corner of the field.

    CMS 10.0–10.5 Edit Content in ICE Plain Text Field

  3. Enter the desired content.
  4. Click the checkmark () icon to your commit changes.

CMS 10.0–10.5 Side by Side Editing Views

In different views, users can toggle between Full and Side-by-Side, and Side-by-Side with In-Context Editing (ICE) views. Side-by-Side view is the same when toggled from Index, Form, or In-Context Edit views. By default, when users enter Index or In-Context Edit view, the system toggles to Full view. When users enter the Form view, the system toggles to Side-by-Side View.

To change the secondary view mode:

  • Click the toggle button on the label bar.

CMS 10.0–10.5 Side-by-Side View

To scroll down to a field in the Form View on the right:

  • Click an item in the Index outline on the left.