Edit your pages
You edit DXPR Builder pages right on the live site. Hover to reveal controls, drag elements into place and type straight into the text. The table points you to the page for what you want to do. The sections below it describe the toolbar and control bars that every editing page uses.
| I want to ... | Use | Needs |
|---|---|---|
| add an element to the page | Find and add an element | a section or column to put it in |
| move an element, row or section | Drag elements into place | a mouse, or the keyboard shortcuts |
| reach the column, row or section around an element | Reach the part of the page you want to edit | nothing |
| change the wording or formatting of text | Edit text on the page | a Text, Alert or Block quote element |
| move or delete an element from a menu | Use the element More menu | nothing |
| repeat a section or element right after itself | Duplicate an element with Clone | the same page; a template for other pages |
| repeat an element elsewhere on the same page | Copy and paste elements | the same page; a template for other pages |
| take back a change | Undo and redo | nothing |
| check the page as visitors will see it | See your page as visitors do | nothing |
| store my changes and publish the page | Save and publish your page | permission to edit the content |
| edit from a phone or tablet | Mobile editing | a touch screen |
Which should I use
The element picker and drag and drop place everything on the page. Type words straight into the text; change everything else about an element in its settings, under More > Settings.
When a page repeats itself, clone when the copy belongs right after the original, such as a second programme day. Copy and paste when it goes somewhere else on the page. When other pages need the same block, save it as a template instead. Check the page in Preview before you save. Click Save before you leave: closing the page drops unsaved changes after a warning.
The DXPR toolbar
Each DXPR Builder area on the page has a toolbar at its top right. It starts with Add (the plus), the View mode menu (the eye icon) and Show history. Then come AI Agent when AI is set up, More and Save.
The toolbar's More menu adds Layers panel, Save as template, Editor settings, Keyboard shortcuts and links to help.
View modes
The eye icon opens the view mode menu. The builder remembers your last choice the next time you open a page.
| Mode | What you see |
|---|---|
| Edit | The page with control bars on hover |
| Preview | The page as visitors see it, without controls |
| Power user | Every control bar at once, each with the element's ID |
| Layers | The page as a tree of sections, rows, columns and elements |
Control bars
Hover any part of the page to show its control bar. It holds a drag handle with the element's name, a plus on sections and columns, and More with Settings, Copy, Clone, Delete and other actions.
A page is built from sections. Sections hold rows or elements, rows hold columns, and columns hold elements such as Text, Image or Button.
Before you start
- Your role needs the Edit with DXPR Builder permission and permission to edit the content item. See Set up editor permissions.
What's next?
- Find and add an element: start building with the element picker.
- Keyboard shortcuts: every shortcut the editor knows.
In this section
- Drag and drop: Drag elements, rows and sections to a new place on the page
- Element picker: Open the element picker, find an element in its five tabs and add it
- Selecting elements: Reach an element, its column, row or section by hovering, or pick any level from the Layers panel
- Inline text editing: Type and format text right on the page, without opening a dialog
- Context menus: Clone, copy, paste, move and delete from the More menu on any element
- Copy and paste: Copy, cut and paste elements with the keyboard or the More menu
- Clone: Duplicate a section, row or element right after the original, then change what differs
- Undo and redo: Step back and forward through your edits, or jump to an earlier state in the Editing History panel
- Preview mode: Hide the control bars and see your page as visitors will, unsaved changes included
- Save and publish: Store your changes with Save, publish the page from its edit form, and work with revisions and content locks
- Mobile editing: Make quick edits on a phone or tablet, and what changes in the editor on a touch screen