{"id":1401,"date":"2026-08-22T22:03:55","date_gmt":"2026-08-22T22:03:55","guid":{"rendered":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/?post_type=knowledgebase&p=1401"},"modified":"2026-08-22T22:28:27","modified_gmt":"2026-08-22T22:28:27","slug":"the-selection-pane","status":"publish","type":"knowledgebase","link":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/db\/layout-tools\/the-selection-pane\/","title":{"rendered":"The Selection Pane"},"content":{"rendered":"
\n

The Selection Pane\"The<\/span><\/h2>\n

The Selection Pane gives you full visibility and control over every element on the canvas, making it easy to select, hide, or rename even deeply buried, stacked, or obscured objects.<\/p>\n

Opening the Selection Pane\"Opening<\/span><\/h3>\n

Go to Home > Select > Selection Pane<\/strong>. The pane slides out on the right side of the workspace and displays a scrollable list of every object on the canvas, sorted top-to-bottom to match their true visual Z-index – the topmost element in the list is the one in front on the canvas.<\/p>\n

What You Can Do\"What<\/span><\/h3>\n
    \n
  • \n

    Select an element –<\/strong> Click its entry in the pane and it is immediately highlighted on the canvas.<\/span><\/p>\n<\/li>\n

  • \n

    Show \/ Hide –<\/strong> Click the eye icon on any entry to toggle its visibility. Hidden elements are invisible on screen and excluded from PDF exports.<\/span><\/p>\n<\/li>\n

  • \n

    Show All \/ Hide All –<\/strong> Use the bulk buttons at the top of the pane to toggle all elements at once.<\/span><\/p>\n<\/li>\n

  • \n

    Rename an element –<\/strong> Click the element’s name in the pane to activate an inline edit field. Type a descriptive name (for example: \u201cBackground Logo\u201d or \u201cFooter Bar\u201d) and press Enter<\/strong> to save it.<\/span><\/p>\n<\/li>\n<\/ul>\n

    Real-Time Updates<\/span><\/h3>\n

    The Selection Pane updates in real time via a native MutationObserver – no manual refresh is needed. Add an element, delete one, or move something on the canvas and the pane reflects it instantly.\"Real-Time<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    The Selection Pane The Selection Pane gives you full visibility and control over every element on the canvas, making it easy to select, hide, or rename even deeply buried, stacked, or obscured objects. Opening the Selection Pane Go to Home > Select > Selection Pane. The pane slides out on the right side of the […]<\/p>\n","protected":false},"author":1,"featured_media":1413,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[20],"class_list":["post-1401","knowledgebase","type-knowledgebase","status-publish","has-post-thumbnail","hentry","knowledgebase_cat-layout-tools"],"_links":{"self":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/1401","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=1401"}],"version-history":[{"count":8,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/1401\/revisions"}],"predecessor-version":[{"id":1418,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/1401\/revisions\/1418"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media\/1413"}],"wp:attachment":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media?parent=1401"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase_cat?post=1401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}