{"id":481,"date":"2026-08-15T00:00:11","date_gmt":"2026-08-15T00:00:11","guid":{"rendered":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/?post_type=knowledgebase&#038;p=481"},"modified":"2026-08-15T01:38:35","modified_gmt":"2026-08-15T01:38:35","slug":"scratch-area-snapping-guides","status":"publish","type":"knowledgebase","link":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/db\/page-management\/scratch-area-snapping-guides\/","title":{"rendered":"Scratch Area &#038; Snapping Guides"},"content":{"rendered":"<div style=\"color: #2b2b2b;\">\n<h2 class=\"western\"><span style=\"color: #007670;\">Scratch Area &amp; Snapping Guides<\/span><\/h2>\n<p class=\"western\">To help you position elements with pixel-perfect accuracy, Open Publisher features a robust snapping system, dynamic guides, and an off-canvas storage area.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">The Scratch Area<\/span><\/h3>\n<h3 class=\"western\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-485\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-010231.png\" alt=\"The Scratch Area\" width=\"148\" height=\"154\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-010231.png 427w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-010231-289x300.png 289w\" sizes=\"auto, (max-width: 148px) 100vw, 148px\" \/><\/h3>\n<p class=\"western\">Objects that you drag partially or completely off the page canvas enter the Scratch Area &#8211; an invisible staging zone surrounding the page. These elements are preserved in the document but do not appear in printed or exported output.<\/p>\n<p class=\"western\">To manage scratch area visibility, go to the <strong>View<\/strong> ribbon tab and click the <strong>Scratch Area<\/strong> toggle button. When toggled off, all off-page elements are instantly hidden from view (but not deleted), allowing you to focus cleanly on your page layout.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Rulers &amp; Custom Origin<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-491\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-010613.png\" alt=\"Rulers Icon\" width=\"164\" height=\"171\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-010613.png 419w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-010613-288x300.png 288w\" sizes=\"auto, (max-width: 164px) 100vw, 164px\" \/><\/span><\/h3>\n<p class=\"western\">Pixel rulers run along the top and left edges of the canvas, giving you a precise spatial reference while you work.<\/p>\n<p class=\"western\"><strong>To show or hide rulers:<\/strong><\/p>\n<ul>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Go to <strong>View &gt; Show &gt; Rulers<\/strong>.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Or, right-click in the workspace background and select <strong>Show\/Hide Rulers<\/strong>.<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"western\">By default, the ruler&#8217;s 0,0 origin sits at the top-left corner of the canvas. You can redefine this origin to any point on the page:<img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-495\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-011032.png\" alt=\"Rulers &amp; Custom Origin\" width=\"330\" height=\"97\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-011032.png 1069w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-011032-300x88.png 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-011032-1024x301.png 1024w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-011032-768x226.png 768w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\" \/><\/p>\n<ul>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Drag the grey intersection box (where the horizontal and vertical rulers meet, at the very top-left corner).<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">As you drag, dashed guide lines follow your cursor across the page to help you visually pinpoint the target coordinates.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Release to set the new zero point. All ruler ticks and labels immediately recalculate from the new origin.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Double-click the intersection box at any time to instantly reset the rulers back to their default position.<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"western\">Your custom origin is saved into the <span style=\"font-family: Courier New, monospace;\">.opub<\/span> file, so it persists across sessions.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Snapping Systems<\/span><\/h3>\n<p class=\"western\">Open Publisher provides three independent snapping systems that can be toggled individually:<\/p>\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"4\">\n<tbody>\n<tr valign=\"top\">\n<td bgcolor=\"#007670\" width=\"30%\"><span style=\"font-size: small;\"><span style=\"color: #ffffff;\"><b>Snap Mode<\/b><\/span><\/span><\/td>\n<td bgcolor=\"#007670\" width=\"70%\"><span style=\"font-size: small;\"><span style=\"color: #ffffff;\"><b>What it does<\/b><\/span><\/span><\/td>\n<\/tr>\n<tr valign=\"top\">\n<td><span style=\"font-size: small;\">Snap to Grid<\/span><\/td>\n<td><span style=\"font-size: small;\">Elements snap to an invisible pixel grid as you drag.<\/span><\/td>\n<\/tr>\n<tr valign=\"top\">\n<td><span style=\"font-size: small;\">Snap to Guides<\/span><\/td>\n<td><span style=\"font-size: small;\">Elements snap to the margin guide lines.<\/span><\/td>\n<\/tr>\n<tr valign=\"top\">\n<td><span style=\"font-size: small;\">Snap to Objects<\/span><\/td>\n<td><span style=\"font-size: small;\">Elements snap to the edges and centres of other elements on the page.<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"western\"><strong>To manage snapping:<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-500\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-012320.png\" alt=\"To manage snapping:\" width=\"200\" height=\"179\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-012320.png 576w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-012320-300x268.png 300w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/strong><\/p>\n<ul>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Use the Snap To dropdown in the View tab, the Text Box Tools ribbon, or the Picture Tools ribbon.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Or right-click the canvas and select the snapping options from the context menu.<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"western\">Hold <span style=\"font-family: Courier New, monospace;\">Ctrl<\/span> while dragging to temporarily bypass grid snapping without toggling the setting off &#8211; the most efficient way to place something between grid positions.<\/p>\n<p class=\"western\"><strong>Snap tolerance:<\/strong> The magnetic pull distance for Snap to Guides and Snap to Objects is set to 8 pixels, providing a subtle and predictable snap feel that matches professional desktop publishing software.<\/p>\n<p class=\"western\"><strong>Smart Grid Prompt:<\/strong> If you turn off &#8220;Snap to Grid&#8221; while the visual grid overlay is currently visible, a dialog intelligently asks if you also want to hide the visual grid to clear up your workspace.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Smart Guides (Alignment Lines)<\/span><\/h3>\n<p class=\"western\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-501\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-013033.png\" alt=\"Smart Guides (Alignment Lines)\" width=\"213\" height=\"161\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-013033.png 491w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-15-013033-300x227.png 300w\" sizes=\"auto, (max-width: 213px) 100vw, 213px\" \/>When you drag any element on the canvas, Smart Guides appear as semi-transparent teal lines that indicate when the element is aligned with the edges or centres of other elements on the page.<\/p>\n<ul>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Smart guides use a smooth fade-in and fade-out transition rather than abruptly flashing on\/off. This preserves high responsiveness while eliminating visual flicker.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">The guide colour is a soft, semi-transparent teal &#8211; visible enough to be useful but not too heavy.<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"western\">Smart guides work alongside (not instead of) the snapping system. Snapping &#8220;pulls&#8221; the element to the alignment point; smart guides show you where that alignment point is.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Scratch Area &amp; Snapping Guides To help you position elements with pixel-perfect accuracy, Open Publisher features a robust snapping system, dynamic guides, and an off-canvas storage area. The Scratch Area Objects that you drag partially or completely off the page canvas enter the Scratch Area &#8211; an invisible staging zone surrounding the page. These elements [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":504,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[9],"class_list":["post-481","knowledgebase","type-knowledgebase","status-publish","has-post-thumbnail","hentry","knowledgebase_cat-page-management"],"_links":{"self":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/comments?post=481"}],"version-history":[{"count":14,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/481\/revisions"}],"predecessor-version":[{"id":508,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/481\/revisions\/508"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media\/504"}],"wp:attachment":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media?parent=481"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase_cat?post=481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}