Edit View Capabilities - Optimizely CMS 12

Exam Area: Area 1 – Product Knowledge (15%)

1. Edit View Overview

Edit View is the primary interface for editors. Access it at /episerver/cms/.

Edit View Layout:
┌─────────────────────────────────────┐
│ Toolbar (top bar)                   │
├────┬────────────────────────────────┤
│    │                                │
│    │    Content Preview Area        │
│Nav │    (Live page preview OR       │
│Pan │     All Properties form)       │
│el  │                                │
│    │                                │
└────┴────────────────────────────────┘

2. Navigation Panel (Left Sidebar)

Page Tree – browse the site structure
Media Library – manage images, videos, files
Blocks – shared blocks
Gadgets – customizable widgets (tasks, notifications, etc.)

3. View Modes

Mode	Description
On-page Edit	Preview with edit overlays
All Properties	Full form view with all properties
Preview	Read-only preview

4. On-page Editing

@* Enable on-page editing with PropertyFor *@
@Html.PropertyFor(m => m.CurrentPage.Heading)

@* When in Edit mode, renders edit overlay *@
@* When outside Edit mode, renders HTML normally *@

5. Toolbar Actions

Publish – publish content
Save – save as draft
Preview – preview changes
Language switcher – switch between languages
Version history – view versions
Projects – manage projects
Notifications – view notifications

6. Context-sensitive Editing

Click on element in preview:
  → Highlight property
  → Click to edit inline
  → OR open All Properties form

7. ContentArea in Edit Mode

@* ContentArea allows drag & drop of blocks in edit mode *@
@Html.PropertyFor(m => m.CurrentPage.MainContentArea)

@* Add blocks, rearrange, set display options *@

Review Questions

What is the URL to access Edit View? (/episerver/cms/)
What are the two main view modes in Edit View? (On-page Edit and All Properties)
What does @Html.PropertyFor() do in Edit Mode? (Shows an edit overlay for on-page editing)
What does the left navigation panel contain? (Page Tree, Media Library, Blocks, Gadgets)
How do editors publish content? (Click the Publish button in the toolbar)