{"id":268,"date":"2026-08-13T14:15:56","date_gmt":"2026-08-13T14:15:56","guid":{"rendered":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/?post_type=knowledgebase&#038;p=268"},"modified":"2026-08-13T18:30:26","modified_gmt":"2026-08-13T18:30:26","slug":"the-application-interface","status":"publish","type":"knowledgebase","link":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/db\/introduction\/the-application-interface\/","title":{"rendered":"The Application Interface"},"content":{"rendered":"<h2 class=\"western\"><span style=\"color: #007670;\">The<\/span> <span style=\"color: #007670;\">Application<\/span> <span style=\"color: #007670;\">Interface<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-273 aligncenter\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Applicationinterface.webp\" alt=\"\" width=\"689\" height=\"271\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Applicationinterface.webp 1575w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Applicationinterface-300x118.webp 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Applicationinterface-1024x403.webp 1024w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Applicationinterface-768x302.webp 768w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Applicationinterface-1536x605.webp 1536w\" sizes=\"auto, (max-width: 689px) 100vw, 689px\" \/><\/span><\/h2>\n<p class=\"western\">When you first open OpenPublisher, the workspace is divided into five key areas:<\/p>\n<dl>\n<dd>\n<dl>\n<dd>\n<dl>\n<dd>\n<table style=\"height: 284px;\" width=\"834\" cellspacing=\"0\" cellpadding=\"1\">\n<tbody>\n<tr valign=\"top\">\n<td bgcolor=\"#007670\" width=\"105\" height=\"24\"><span style=\"font-size: small;\"><span style=\"color: #ffffff;\"><b>Area<\/b><\/span><\/span><\/td>\n<td bgcolor=\"#007670\" width=\"513\"><span style=\"font-size: small;\"><span style=\"color: #ffffff;\"><b>Description<\/b><\/span><\/span><\/td>\n<\/tr>\n<tr valign=\"top\">\n<td width=\"105\" height=\"64\"><span style=\"font-size: small; color: #5e5e5e;\"><b>Ribbon<\/b><\/span><\/td>\n<td width=\"513\"><span style=\"font-size: small; color: #5e5e5e;\">The tabbed toolbar at the top. Contains all tools, organised into tabs: File, Home, Insert, Page Design, Review, View, and contextual tabs that appear when elements are selected.<\/span><\/td>\n<\/tr>\n<tr valign=\"top\">\n<td width=\"105\" height=\"25\"><span style=\"font-size: small; color: #5e5e5e;\"><b>Canvas<\/b><\/span><\/p>\n<p>&nbsp;<\/td>\n<td width=\"513\"><span style=\"font-size: small; color: #5e5e5e;\">The central white page area where you design your document.<\/span><\/td>\n<\/tr>\n<tr valign=\"top\">\n<td width=\"105\" height=\"44\"><span style=\"font-size: small; color: #5e5e5e;\"><b>Navigation<\/b> <b>Pane<\/b> <b>(Sidebar)<\/b><\/span><\/td>\n<td width=\"513\"><span style=\"font-size: small; color: #5e5e5e;\">The panel on the left showing thumbnail previews of all pages in your document.<\/span><\/td>\n<\/tr>\n<tr valign=\"top\">\n<td width=\"105\" height=\"45\"><span style=\"font-size: small; color: #5e5e5e;\"><b>Status<\/b> <b>Bar<\/b><\/span><\/td>\n<td width=\"513\"><span style=\"font-size: small; color: #5e5e5e;\">The bar at the very bottom of the screen. Displays the current zoom level with a slider control, cursor coordinates, and page information.<\/span><\/td>\n<\/tr>\n<tr valign=\"top\">\n<td width=\"105\" height=\"44\"><span style=\"font-size: small; color: #5e5e5e;\"><b>Floating<\/b> <b>Toolbar<\/b><\/span><\/td>\n<td width=\"513\"><span style=\"font-size: small; color: #5e5e5e;\">A compact, context-sensitive toolbar that appears directly above selected text boxes, providing quick access to typography controls without navigating the ribbon.<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/dd>\n<\/dl>\n<\/dd>\n<\/dl>\n<\/dd>\n<\/dl>\n<h3 class=\"western\"><span class=\"sd-abs-pos\">\u00a0<\/span><span style=\"color: #007670;\">The<\/span> <span style=\"color: #007670;\">Ribbon<\/span><\/h3>\n<h3 class=\"western\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-276 aligncenter\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-151945.png\" alt=\"\" width=\"882\" height=\"119\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-151945.png 1756w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-151945-300x40.png 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-151945-1024x138.png 1024w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-151945-768x104.png 768w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-151945-1536x207.png 1536w\" sizes=\"auto, (max-width: 882px) 100vw, 882px\" \/><\/h3>\n<p class=\"western\">The ribbon is organised into tabs. Clicking a tab reveals a new row of tool groups relevant to that area of the application. When you select an element such as a text box, image, shape, or table, Open Publisher automatically switches to a <b>contextual<\/b> <b>tab<\/b> (e.g., <i>Text<\/i> <i>Box<\/i> <i>Tools<\/i>, <i>Picture<\/i> <i>Tools<\/i>, <i>Drawing<\/i> <i>Tools<\/i>, <i>Table<\/i> <i>Design<\/i>) that contains controls specifically relevant to that element type. Each contextual tab includes an <b>Arrange<\/b> group for positioning, sizing, layering, rotating, and deleting elements.<\/p>\n<p class=\"western\">If the ribbon is too narrow to show all its tools at your current window width, translucent <b>scroll<\/b> <b>arrows<\/b> appear at the left and right edges of the toolbar, allowing you to pan horizontally through the full set of tools by clicking and holding them.<\/p>\n<h3 class=\"western\"><span class=\"sd-abs-pos\">\u00a0<\/span><span style=\"color: #007670;\">The<\/span> <span style=\"color: #007670;\">Navigation<\/span> <span style=\"color: #007670;\">Pane<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-280 alignright\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152215.png\" alt=\"\" width=\"218\" height=\"262\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152215.png 400w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152215-250x300.png 250w\" sizes=\"auto, (max-width: 218px) 100vw, 218px\" \/><\/span><\/h3>\n<p class=\"western\">The left-hand sidebar shows a vertically scrolling column of miniature page previews. These thumbnails are automatically refreshed whenever you make changes to your document, giving you a real-time map of your entire publication. Right-clicking anywhere in the blank grey area of this sidebar opens a context menu with quick access to page management actions such as inserting, duplicating, and deleting pages, as well as document-level settings.<\/p>\n<h3 class=\"western\"><span class=\"sd-abs-pos\">\u00a0<\/span><span style=\"color: #007670;\">The<\/span> <span style=\"color: #007670;\">Status<\/span> <span style=\"color: #007670;\">Bar<\/span><\/h3>\n<p class=\"western\">The status bar at the bottom of the screen contains the zoom slider \u2014 a control inspired by Microsoft Publisher and Word. It features:<\/p>\n<ul>\n<li>\n<p align=\"left\"><span class=\"sd-abs-pos\">\u00a0<\/span><span style=\"font-size: small;\">A <b>minus<\/b> <b>(-)<\/b> button to decrease zoom by 10% per click.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-282\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152325.png\" alt=\"\" width=\"45\" height=\"38\" \/><\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span class=\"sd-abs-pos\">\u00a0<\/span><span style=\"font-size: small;\">A draggable <b>slider<\/b> for smoothly scrubbing between 10% and 300%.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-283\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152424.png\" alt=\"\" width=\"233\" height=\"35\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152424.png 353w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152424-300x45.png 300w\" sizes=\"auto, (max-width: 233px) 100vw, 233px\" \/><\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span class=\"sd-abs-pos\">\u00a0<\/span><span style=\"font-size: small;\">A <b>plus<\/b> <b>(+)<\/b> button to increase zoom by 10% per click.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-284\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152451.png\" alt=\"\" width=\"37\" height=\"33\" \/><\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span class=\"sd-abs-pos\">\u00a0<\/span><span style=\"font-size: small;\">A <b>percentage<\/b> <b>readout<\/b> that shows the current zoom level. Clicking this readout resets the view to 100%.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-285\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152533.png\" alt=\"\" width=\"71\" height=\"35\" \/><\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span class=\"sd-abs-pos\">\u00a0<\/span><span style=\"font-size: small;\">A <b>Pan<\/b> <b>Tool<\/b> toggle on the far left that locks your canvas elements in place, turning your cursor into a hand so you can click and drag the canvas freely without accidentally moving design objects.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-286\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152610.png\" alt=\"\" width=\"94\" height=\"32\" \/><\/span><\/p>\n<\/li>\n<\/ul>\n<h3 class=\"western\"><span class=\"sd-abs-pos\">\u00a0<\/span><span style=\"color: #007670;\">The<\/span> <span style=\"color: #007670;\">Floating<\/span> <span style=\"color: #007670;\">Toolbar<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-289 alignright\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152807.png\" alt=\"\" width=\"392\" height=\"92\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152807.png 950w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152807-300x70.png 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-152807-768x180.png 768w\" sizes=\"auto, (max-width: 392px) 100vw, 392px\" \/><\/span><\/h3>\n<p class=\"western\">When you double-click into a text box to begin editing, a compact floating toolbar materialises above the text box.<\/p>\n<p class=\"western\">This &#8220;Frost Mint&#8221; styled bar<\/p>\n<p class=\"western\">provides immediate, one-click access to font family, font size, bold, italic, underline, text colour, highlight colour, and text alignment \u2014 all without leaving the canvas. The toolbar remembers exactly where you position it on a per-element basis, so it will reappear in the same spot the next time you select that same text box.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Startup<\/span> <span style=\"color: #007670;\">&amp;<\/span> <span style=\"color: #007670;\">Splash<\/span> <span style=\"color: #007670;\">Screen<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-291 alignright\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-153016.png\" alt=\"\" width=\"325\" height=\"226\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-153016.png 1029w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-153016-300x208.png 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-153016-1024x712.png 1024w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-153016-768x534.png 768w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/span><\/h3>\n<p class=\"western\" align=\"left\"><span style=\"font-size: small;\">When Open Publisher launches, a dynamic splash screen appears as a draggable floating modal<\/span><\/p>\n<p class=\"western\" align=\"left\"><span style=\"font-size: small;\">window. It provides a real-time scrolling terminal output of all the core modules and features being initialised in the background \u2014 bridging the brief gap between clicking the app icon and the fully interactive workspace appearing.<\/span><\/p>\n<p class=\"western\" align=\"left\"><span style=\"font-size: small;\">The splash screen includes a <b>dynamic<\/b> <b>progress<\/b> <b>bar<\/b> synchronized to the percentage of features loaded, and uses a realistic &#8220;boot physics&#8221; engine that simulates the stuttering terminal feel of a heavy operating system startup. Once the boot sequence completes, the modal begins a short countdown before fading out automatically. Pressing any key during this window will keep the modal open indefinitely so you can review the log output.<\/span><\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">The<\/span> <span style=\"color: #007670;\">Startup<\/span> <span style=\"color: #007670;\">Dashboard<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-294 aligncenter\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-164255.png\" alt=\"\" width=\"870\" height=\"426\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-164255.png 1623w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-164255-300x147.png 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-164255-1024x502.png 1024w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-164255-768x376.png 768w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-13-164255-1536x752.png 1536w\" sizes=\"auto, (max-width: 870px) 100vw, 870px\" \/><\/span><\/h3>\n<p class=\"western\">The Open Publisher dashboard is a, 90% ~ 95% full-screen draggable modal window with a light dark (depending on if you use dark mode or light mode), translucent frosted backdrop. This design allows you to see the editor waiting underneath for better spatial context while providing lightning-fast, access to your projects.<\/p>\n<p class=\"western\">Key features of the dashboard include:<\/p>\n<ul>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><b>Featured Templates:<\/b> The top of the dashboard showcases a completely revamped &#8220;Featured&#8221; section, displaying 12 hand-picked, premium designs drawn from an expanded library of 250 templates.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><b>Smart Close Button:<\/b> The context-aware close button intuitively manages your session. On a cold start, clicking it generates a fresh, blank A4 (or letter) page.<br \/>\nIf you summon the dashboard during an active session, clicking close safely returns you to your existing work without destructively overwriting your project.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><b>Draggable Header:<\/b> By default it&#8217;s themed in the signature Open Publisher Teal Green, the header features custom mouse drag logic, allowing you to freely drag the entire dashboard around the screen to peek at the workspace beneath it.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><b>Ribbon Integration:<\/b> A dedicated &#8220;Dashboard&#8221; button is available in the <i>File &gt; New<\/i> ribbon group, allowing you to easily re-summon the startup dashboard at any time without needing to reload the application.<\/span><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The Application Interface When you first open OpenPublisher, the workspace is divided into five key areas: Area Description Ribbon The tabbed toolbar at the top. Contains all tools, organised into tabs: File, Home, Insert, Page Design, Review, View, and contextual tabs that appear when elements are selected. Canvas &nbsp; The central white page area where [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":298,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[8],"class_list":["post-268","knowledgebase","type-knowledgebase","status-publish","has-post-thumbnail","hentry","knowledgebase_cat-introduction"],"_links":{"self":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/268","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=268"}],"version-history":[{"count":15,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/268\/revisions"}],"predecessor-version":[{"id":314,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/268\/revisions\/314"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media\/298"}],"wp:attachment":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media?parent=268"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase_cat?post=268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}