{"id":2094,"date":"2015-10-25T12:53:06","date_gmt":"2015-10-25T17:53:06","guid":{"rendered":"http:\/\/www.ragesw.com\/blog\/?p=2094"},"modified":"2018-04-10T02:19:07","modified_gmt":"2018-04-10T07:19:07","slug":"new-user-interface-customizations-in-everweb-1-9","status":"publish","type":"post","link":"https:\/\/www.ragesw.com\/blog\/2015\/10\/25\/new-user-interface-customizations-in-everweb-1-9\/","title":{"rendered":"New User Interface Customizations in EverWeb 1.9"},"content":{"rendered":"<p>EverWeb version 1.9 comes with new options to customize the User Interface (UI) to suit your needs when\u00a0creating and editing your web pages. Before looking at the new version 1.9 features, it\u2019s worth reviewing the UI features that can be found in previous EverWeb versions\u2026<\/p>\n<p>If screen real estate is at a premium, you can hide the Inspector Window on the right hand side of EverWeb\u2019s UI. Use the menu command Window-&gt;Hide Inspector, or the keyboard shortcut Alt+Cmd+I (see screenshot below). Hiding the Inspector Window is especially useful when working with a small screen size laptop. The option only works whilst the Project is open. If you close the Project, or quit EverWeb, the Inspector Window will be visible by default the\u00a0next time you open the Project.<\/p>\n<div id=\"attachment_2156\" style=\"width: 778px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-TB-Mode.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2156\" class=\"wp-image-2156\" src=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-TB-Mode.png\" alt=\"WPL TB Mode\" width=\"768\" height=\"540\" srcset=\"https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-TB-Mode.png 1471w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-TB-Mode-300x211.png 300w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-TB-Mode-1024x720.png 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><p id=\"caption-attachment-2156\" class=\"wp-caption-text\">The EverWeb UI with the Inspector Window hidden using shortcut key Cmd+Alt+I<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>If you want to hide the layout and object border lines so you can more easily see how your design is going to look, use the Window-&gt; Hide Layout menu option or the Shift+Cmd+L keyboard shortcut. In addition to the layout and object border lines being hidden, all other markers such as Master Page object symbols (the black page symbol), the locked object Padlock symbol and grouped objects borders are also hidden. There is one exception to this which is the Hyperlinks Indicator. To turn off this indicator use the EverWeb-&gt; Preferences-&gt; General menu option.<\/p>\n<p>As with &#8216;Hide Inspector&#8217; if you close your Project or quit EverWeb, the settings will need to be reapplied next time you open the Project.<\/p>\n<p>The new EverWeb version 1.9 introduces\u00a0some new UI customisation features that can be used in conjunction to those described above. The first new UI customisation option is Presentation Mode which\u00a0hides the Web Page List on the left of the screen, the Inspector Window on the right of the screen and the Toolbar at the bottom. Your current Layout and Hyperlink settings are unaffected.<\/p>\n<p>Presentation Mode is ideal when you want to quickly review the look of your web page layout without using Preview. It\u2019s also perfect when you have limited screen real estate available (see screenshot below). To activate Presentation Mode, select Window-&gt; Presentation Mode from the menu, or use the Cmd+. (period) keyboard shortcut. When in Presentation Mode you can still edit the web page, use EverWeb&#8217;s menus and\u00a0perform secondary clicks on objects as you would usually do. If you have turned off the layout boundary lines, you will notice that in Presentation Mode they become visible when you drag and drop\u00a0an object around the Editor Window.<\/p>\n<div id=\"attachment_2157\" style=\"width: 778px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/P-Mode.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2157\" class=\"wp-image-2157\" src=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/P-Mode.png\" alt=\"\" width=\"768\" height=\"540\" srcset=\"https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/P-Mode.png 1471w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/P-Mode-300x211.png 300w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/P-Mode-1024x720.png 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><p id=\"caption-attachment-2157\" class=\"wp-caption-text\">Presentation Mode in EverWeb 1.9 with\u00a0the new University Theme &#8216;Home&#8217; Template.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>When Presentation Mode is selected, you have the ability to add back the Inspector Window and\/or Toolbar to create a truly customised look to your work environment. To do so use the Window-&gt; Show Inspector menu option (Cmd+Alt+I) and\/or the Window-&gt; Show Toolbar (Cmd+Alt+T) menu option.<\/p>\n<div id=\"attachment_2162\" style=\"width: 778px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/TB-Mode1.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2162\" class=\"wp-image-2162\" src=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/TB-Mode1.png\" alt=\"TB Mode\" width=\"768\" height=\"540\" srcset=\"https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/TB-Mode1.png 1471w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/TB-Mode1-300x211.png 300w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/TB-Mode1-1024x720.png 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><p id=\"caption-attachment-2162\" class=\"wp-caption-text\">EverWeb 1.9 with the Web Page List and the Inspector Windows hidden so that only the Toolbar is displayed.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>If you only want the EverWeb UI to show Web Page List, and not the Toolbar or Inspector Window, first make sure Presentation Mode is off (use Cmd+. toggle to do this). Next unselect the Toolbar and the Inspector Window by the using the Cmd+Alt+T and Cmd+Alt+I commands respectively or by using their equivalent\u00a0Window menu commands.<\/p>\n<div id=\"attachment_2158\" style=\"width: 778px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-Mode.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2158\" class=\"wp-image-2158\" src=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-Mode.png\" alt=\"WPL Mode\" width=\"768\" height=\"540\" srcset=\"https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-Mode.png 1471w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-Mode-300x211.png 300w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-Mode-1024x720.png 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><p id=\"caption-attachment-2158\" class=\"wp-caption-text\">EverWeb 1.9 showing only the Web Page List<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>Presentation Mode is only valid per session. If you close the project or EverWeb, the setting will need to be applied again next time you open the project.<\/p>\n<p>EverWeb version 1.9 also includes\u00a0the often requested option to hide the Toolbar using the Window-&gt;Hide Toolbar menu option (or Cmd+Alt+T toggle). All Toolbar options are still available through\u00a0the menus, with Preview being added to the File Menu in the EverWeb 1.9 release. The\u00a0Hide Toolbar option is\u00a0applied globally. Once applied, it remains in place and for ALL of your Projects even when you close and reopen them, or if you quit and relaunch EverWeb itself.<\/p>\n<div id=\"attachment_2161\" style=\"width: 778px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-WI-MOde.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2161\" class=\"wp-image-2161\" src=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-WI-MOde.png\" alt=\"WPL WI MOde\" width=\"768\" height=\"540\" srcset=\"https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-WI-MOde.png 1471w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-WI-MOde-300x211.png 300w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/10\/WPL-WI-MOde-1024x720.png 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><p id=\"caption-attachment-2161\" class=\"wp-caption-text\">EverWeb version 1.9 with the Toolbar hidden using the shortcut key Cmd+Alt+T<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>EverWeb version 1.9\u2019s new UI customisation options now let you display your workspace as you want it, quick and easy!<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Summary of EverWeb&#8217;s UI Modes<\/strong><\/p>\n<ul>\n<li style=\"padding-left: 30px\">Hide Web Page List, Inspector Window &amp; Toolbar = Presentation Mode (Cmd+.)<\/li>\n<li style=\"padding-left: 30px\">Hide Inspector Window Only = Window-&gt; Hide Inspector (Cmd+Alt+I)<\/li>\n<li style=\"padding-left: 30px\">Hide Toolbar Only = Window-&gt;\u00a0Hide Toolbar (Cmd+Alt+T)<\/li>\n<li style=\"padding-left: 30px\">Hide Web Page List Only = Presentation Mode\u00a0+\u00a0Window-&gt; Show Inspector + Window-&gt; Show Toolbar<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Other Useful EverWeb UI Options<\/strong><\/p>\n<ul>\n<li style=\"padding-left: 30px\">Hide Layout = Window-&gt; Hide Layout (Shift+Cmd+L)<\/li>\n<li style=\"padding-left: 30px\">Hide Hyperlink Indicators = EverWeb-&gt; Preferences-&gt; General<\/li>\n<\/ul>\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n<p> <!--codes_iframe--><!--\/codes_iframe--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>EverWeb version 1.9 comes with new options to customize the User Interface (UI) to suit your needs when\u00a0creating and editing your web pages. Before looking at the new version 1.9 features, it\u2019s worth reviewing the UI features that can be found in previous EverWeb versions\u2026 If screen real estate is at a premium, you can [&hellip;]<\/p>\n","protected":false},"author":844,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[252,247],"tags":[270,279,269],"class_list":["post-2094","post","type-post","status-publish","format-standard","hentry","category-everweb-software","category-everweb","tag-1-9","tag-everweb","tag-ui"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/2094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/users\/844"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/comments?post=2094"}],"version-history":[{"count":10,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/2094\/revisions"}],"predecessor-version":[{"id":3613,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/2094\/revisions\/3613"}],"wp:attachment":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/media?parent=2094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/categories?post=2094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/tags?post=2094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}