Creating and Applying Simple Edit Layouts

Last Updated: 17 Dec 2015

To understand how to create and apply Simple Edit Layouts, consider the following examples.

Bookmarks to the headings on this page:

  1. Using One Simple Edit Layout
  2. Using Multiple Simple Edit Layouts

Using One Simple Edit Layout

We want to create a layout for the Simple Edit Interface that allows the user to edit a Standard Page and fill out the metadata fields. As Workflow is applied to the assets, they need to be able to change the Status to Safe Edit and Apply for Approval. This should all be shown on one page.

Creating the Simple Edit Layout

A Simple Edit Layout is created and the layout is entered onto the Edit Contents, as shown in the figure below.

5-0-0_wysiwyg-editor-simple-edit-layout-multi-layouts.png
The WYSIWYG Editor on the Simple Edit Layout  

The Status section of the Details screen is shown in the first, followed by the Edit Contents screen and then the metadata fields. The Commit button is added at the bottom of the page so that the user can save their changes. Instructions on how to use each part of the screen and a heading are also added.

Tip: If there are fields on the screen that only certain users should see, create a new division and add the fields to that division. You can then modify the permissions for that division so that only certain users see those fields in the Simple Edit Interface.

Applying the Simple Edit Layout

The Simple Edit Layout now needs to be applied to the Standard Page for the system. To do this follow the steps outlined below.

  1. On the Details screen of the Layout Manager, select Standard Page in the Add A Layout field and click Commit. Additional fields will appear in the Edit Layouts section.
  2. Select Details in the Add a layout for screen list and click Commit.
  3. In the grey box, select the Simple Edit Layout in the Layout field and click Commit. The layout will now be applied to all Standard Page assets in the system.
Viewing the Simple Edit Layout

The figure below shows what the Simple Edit Layout will look like in the Simple Edit Interface. To access the Simple Edit Interface, add /_edit onto the end of the URL.

5-0-0_new-layout-simple-edit-interface.png
The new Simple Edit Layout on the Simple Edit Interface

Using Multiple Simple Edit Layouts

We want to create a layout similar to the layout in the previous example. This time, however, we want to split the screens up and add the Preview screen.

Creating the Simple Edit Layouts

5-0-0_layout-assets.png
The Layout asset

Four Simple Edit Layouts are created in the Asset Map, as shown in the figure to the right. On each of these layouts, the required fields and instructions are added.

An example of one of these layouts is shown in the figure below.

5-0-0_wysiwyg-editor-simple-edit-layout-multi-layouts.png
The WYSIWYG Editor on the Simple Edit Layout

Applying the Simple Edit Layouts

The Simple Edit Layouts now need to be applied to the Standard Page for the system. To do this follow the steps outlined below.

  1. On the Details screen of the Layout Manager, select Standard Page in the Add A Layout field and click Commit. Additional fields will appear in the Edit Layouts section.
  2. Select Details in the Add a layout for screen list and click Commit.
  3. In the grey box, select the Details Screen layout for the Details screen in the Layout field and click Commit.
  4. Repeat steps 2 and 3 and apply the Edit Contents Screen layout to the Contents screen, the Metadata Screen layout to Metadata screen and Preview Screen layout to the Preview screen. The Edit Layouts section should look similar to the figure below.

5-0-0_edit-layouts-section-layout-manager.png
The Edit Layouts section of the Layout Manager

Viewing the Simple Edit Layouts

The figure below shows what the Simple Edit Interface will look like for the Edit Contents screen. To access the Simple Edit Interface, add /_edit onto the end of the URL.

5-0-0_edit-contents-layout-simple-edit-interface.png
The Edit Contents screen in the Simple Edit Interface

The user can navigate to other screens by using the screen menu at the top.

PreviousFinish


Previous Chapter