====== Page Design Menu - Edit On ====== Dialog selections are discussed below the image. To navigate to an item, select it in the [insert] image. If NOT selecting any item and wanting to return to the prior page: swipe right-to-left; use the browser’s ‘back’ arrow, or use the Wiki’s Backlink icon on the right sidebar (mobile: drop-down dialog at the top of the page). {{imapmarkers>:ui:ui-edit_on-design_menu.webp?250|Page Design Menu - Edit On}} [[|ID1|Select (Not selectable in this demo)@4,5,30,36]] [[|ID2|Scale-Move (Not selectable in this demo)@30,6,60,36]] [[|ID3|Undo - Redo (Not selectable in this demo)@98,5,151,34]] [[:ui:ui-edit_on-design_menu-page_margins|ID4|Margins@192,5,220,35]] [[:ui:ui-object_add-selection|ID5|Add object@220,5,247,36]] [[:ui:ui-edit_off_blank_page_return_to_edit_on_or_toc|ID6|Tapping here turns Edit On to Edit Off@4,475,67,507]] {{cfg>}} { } {{**Page Design Menu - Edit On dialog. Make selection above.** In the app, navigate to this location by: * **long-pressing any empty area** on the page to open the Launcher Menu > **Edit** icon > tapping the current page. For this demo, this page is a "blank page" selected from the Launcher Menu with Edit Mode ON. It focuses on the page and its Page Design menu, as described below. This is the device screen (no wallpaper or image) after entering Edit Mode; see [[section:section-basic_editing#to_enter_edit_mode|here]] for more details, if needed. The significant elements on this page are part of the "Page Design Menu" that has progressed beyond the ''Launcher options'' landing: * **Select**: {{ui:ui-icon_selection-v4.webp?direct&25}} - [//Not selectable in this demo//] Selects and highlights an object. Can be dragged by a stylus, mouse, or digit: * **Right-to-Left** - selects objects partially within the boundary **//and//** objects fully with the boundary * **Left-to-Right** - selects objects fully within the boundary **//only//** * **Scale or Move**: {{ui:ui-icon_move-v4.webp?direct&25}} - [//Not selectable in this demo//] Allows for the vertical or horizontal movement and scaling of //all// objects simultaneously. If an object is "pinned" to the page, this ++dialog|{{:ui:ui-edit_on-design_menu-pin.webp}}++ will require the action to specify ''Objects on this page'' or ''Pinned objects'', making the action independent. * **Undo or Redo**: {{ui:ui-icon_undo_redo-v4.webp?direct&75}} - [//Not selectable in this demo//] Reverts the page to it's previous object state (not individual editing steps of an object) * **Page margins**: {{ui:ui-icon_margin-v4.webp?direct&40}} - lets the user adjust the margins of the current screen. * **Object add**: {{ui:ui-icon_add-white_on_black-v4.webp?direct&25}} - opens the Object Add menu for selecting layouts, widgets, and graphics for object creation. * **Edit On**: {{ui:ui-icon_edit_on-horiz-v4.webp?direct&70}} - This icon shows it's //current// state. Tapping the icon terminates Edit On mode and returns the user to the Launcher menu with Edit Off {{:ui:ui-icon_edit_off-v4.webp?direct&30}}. * For purposes of this interactive demo, the **Edit Off** mode is ++shown here.|{{:ui:ui-edit_off}}++ {{page>site:site-footer-comment_feedback_block}} ===== Hidden Index Anchors ===== [[:start]]]]] [[:ui:ui-edit_on-design_menu-page_margins]] [[:ui:ui-object_add-selection]] [[:ui:ui-edit_off_blank_page_return_to_edit_on_or_toc]]