--- url: 'https://dxpr.com/markdownify/taxonomy/term/1008' title: 'Edit a page | DXPR' author: name: Anonymous updated: '2026-10-23T14:31:17+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: website summary: "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." tags: - 'Build pages' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' --- ## [Edit a page ](/hc/documentation/learn-dxpr-builder/editing) 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](/hc/documentation/learn-dxpr-builder/editing/element-picker) | a section or column to put it in | | move an element, row or section | [Drag elements into place](/hc/documentation/learn-dxpr-builder/editing/drag-and-drop) | 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](/hc/documentation/learn-dxpr-builder/editing/selecting-elements) | nothing | | change the wording or formatting of text | [Edit text on the page](/hc/documentation/learn-dxpr-builder/editing/inline-text-editing) | a Text, Alert or Block quote element | | move or delete an element from a menu | [Use the element More menu](/hc/documentation/learn-dxpr-builder/editing/context-menus) | nothing | | repeat a section or element right after itself | [Duplicate an element with Clone](/hc/documentation/learn-dxpr-builder/editing/clone) | the same page; a template for other pages | | repeat an element elsewhere on the same page | [Copy and paste elements](/hc/documentation/learn-dxpr-builder/editing/copy-paste) | the same page; a template for other pages | | take back a change | [Undo and redo](/hc/documentation/learn-dxpr-builder/editing/undo-redo) | nothing | | check the page as visitors will see it | [See your page as visitors do](/hc/documentation/learn-dxpr-builder/editing/preview-mode) | nothing | | store my changes and publish the page | [Save and publish your page](/hc/documentation/learn-dxpr-builder/editing/save-and-publish) | permission to edit the content | | edit from a phone or tablet | [Mobile editing](/hc/documentation/learn-dxpr-builder/editing/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](/hc/documentation/learn-dxpr-builder/tutorials/editor-permissions). ## What's next? - [Find and add an element](/hc/documentation/learn-dxpr-builder/editing/element-picker): start building with the element picker. - [Keyboard shortcuts](/hc/documentation/learn-dxpr-builder/reference/keyboard-shortcuts): every shortcut the editor knows.