{"id":5103,"date":"2026-10-12T14:53:04","date_gmt":"2026-10-12T18:53:04","guid":{"rendered":"https:\/\/www.airsupervision.com\/wp-r\/docs\/organization-staff\/pages-design-center\/"},"modified":"2026-10-13T14:50:53","modified_gmt":"2026-10-13T18:50:53","slug":"pages-design-center","status":"publish","type":"docs","link":"https:\/\/www.airsupervision.com\/wp-r\/docs\/managers\/pages-design-center\/","title":{"rendered":"Pages design center"},"content":{"rendered":"\n<p>The <strong>Pages design center<\/strong> is AirSupervision&#8217;s built-in page builder. Use it to create your organization&#8217;s own web pages inside AirSupervision: welcome pages, procedures, safety bulletins, FAQs, link portals, news, staff directories, price lists, and so on.<\/p>\n\n\n\n<p>A page is built from <strong>blocks<\/strong>: a heading, a paragraph, an image, a table, a video, a button, a member card, and so on. You stack blocks in the order you want, style them, and publish the page. Members then see it from the desktop main menu, the mobile app menu, the mobile home page, or a direct link.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>You can\u2026<\/th><th>Example<\/th><\/tr><\/thead><tbody><tr><td>Build pages with blocks, no coding needed<\/td><td>A &#8220;Welcome new students&#8221; page with a heading, a photo, a checklist, and a contact card<\/td><\/tr><tr><td>Organize pages in groups and sub-pages<\/td><td>Group &#8220;Safety&#8221; \u2192 &#8220;SMS policy&#8221; \u2192 &#8220;Reporting a hazard&#8221;<\/td><\/tr><tr><td>Control who can see each page<\/td><td>Instructors and above only, or only members with the &#8220;Dispatcher&#8221; role<\/td><\/tr><tr><td>Add pages to the desktop and mobile menus<\/td><td>A &#8220;Fuel prices&#8221; link in the main menu<\/td><\/tr><tr><td>Use a review\/approval workflow<\/td><td>A designer submits a page and an administrator publishes it<\/td><\/tr><tr><td>Add custom CSS and JavaScript (advanced)<\/td><td>Corporate colours, custom layout, small interactive scripts<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.airsupervision.com\/wp-r\/wp-content\/uploads\/2026\/10\/pe-01-overview.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1562\" height=\"828\" src=\"https:\/\/www.airsupervision.com\/wp-r\/wp-content\/uploads\/2026\/10\/pe-01-overview.png\" alt=\"Pages design center with the page list on the left and a demo page in the HTML content tab\" class=\"wp-image-5065\" srcset=\"https:\/\/www.airsupervision.com\/wp-r\/wp-content\/uploads\/2026\/10\/pe-01-overview.png 1562w, https:\/\/www.airsupervision.com\/wp-r\/wp-content\/uploads\/2026\/10\/pe-01-overview-300x159.png 300w, https:\/\/www.airsupervision.com\/wp-r\/wp-content\/uploads\/2026\/10\/pe-01-overview-1024x543.png 1024w, https:\/\/www.airsupervision.com\/wp-r\/wp-content\/uploads\/2026\/10\/pe-01-overview-768x407.png 768w, https:\/\/www.airsupervision.com\/wp-r\/wp-content\/uploads\/2026\/10\/pe-01-overview-1536x814.png 1536w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><figcaption class=\"wp-element-caption\">Pages design center with the page list on the left and a demo page in the HTML content tab<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Who can use it?<\/h3>\n\n\n\n<p>Access is <strong>restricted<\/strong>. If you are not allowed, AirSupervision redirects you to the &#8220;no access&#8221; page.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Profile<\/th><th>What they can do<\/th><\/tr><\/thead><tbody><tr><td><strong>Full system administrators<\/strong> (highest power level)<\/td><td>Open the Pages design center, edit every page, change menu settings, and publish<\/td><\/tr><tr><td><strong>Page designers<\/strong> (members listed in <em>System settings \u2192 Misc. \u2192 Page designers<\/em>)<\/td><td>Open the Pages design center and edit the pages where they are listed as an editor (see <em>Editable by members<\/em> in Page Options)<\/td><\/tr><tr><td><strong>Page designer administrators<\/strong><\/td><td>Page designers who can also <strong>publish<\/strong> pages when approval is required, and change menu placement when that is restricted. They receive the review request e-mails<\/td><\/tr><tr><td>All other members<\/td><td>Cannot open the designer. They only <strong>view<\/strong> published pages they are allowed to see<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Note:<\/strong> To edit a page, a designer must be (1) a page designer in System settings <strong>and<\/strong> (2) listed in that page&#8217;s <em>Editable by members<\/em> list. Full system administrators can edit every page.<\/p>\n<\/blockquote>\n\n\n\n<p>Two system-wide settings change how the workflow behaves:<\/p>\n\n\n\n<ul>\n<li><strong>Publishing approval:<\/strong> when enabled, regular page designers cannot publish. They send the page for review and a page designer administrator publishes it.<\/li>\n\n\n<li><strong>Menu restriction:<\/strong> when enabled, only page designer administrators (and full administrators) can add a page to the desktop main menu or the mobile left menu. Other designers see an information icon (\u24d8) next to these options: <em>&#8220;Only page designer administrators can modify this option.&#8221;<\/em><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Required skills<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Task<\/th><th>Skill needed<\/th><\/tr><\/thead><tbody><tr><td>Write text, add images, tables, videos, buttons<\/td><td>Basic computer skills; no coding<\/td><\/tr><tr><td>Use <strong>Edit as HTML<\/strong> on a block<\/td><td>Basic HTML knowledge<\/td><\/tr><tr><td>Use the <strong>CSS content<\/strong> tab and the <em>Classes<\/em> fields<\/td><td>CSS knowledge (selectors, properties, responsive design)<\/td><\/tr><tr><td>Use the <strong>JS Content<\/strong> tab<\/td><td>JavaScript knowledge (and ideally jQuery)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>If you are new to HTML, CSS, or JavaScript, see the <strong>Learning resources<\/strong> section of the article <strong>Custom CSS and JavaScript<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Opening the Pages design center and screen layout<\/h2>\n\n\n\n<p>Open <strong>Pages design Center<\/strong> from the administration shortcuts (shortcut name <strong>&#8220;Pgs Center&#8221;<\/strong>). The screen title is <strong>Pages design center<\/strong>.<\/p>\n\n\n\n<p>The screen has two main areas:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Area<\/th><th>Contents<\/th><\/tr><\/thead><tbody><tr><td><strong>Left panel \u2013 Pages<\/strong><\/td><td>The <strong>+<\/strong> (Create a page) icon, <strong>Groups +<\/strong> (Add a group), <strong>Refresh<\/strong>, the <strong>Search\u2026<\/strong> box, and the tree of groups and pages<\/td><\/tr><tr><td><strong>Right panel \u2013 tabs<\/strong><\/td><td><strong>HTML content<\/strong>, <strong>CSS content<\/strong>, <strong>JS Content<\/strong>, <strong>Page Options<\/strong>, and <strong>Task<\/strong> (right side)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>When no page is selected, only the <strong>HTML content<\/strong> tab is available and the toolbar is mostly hidden. <strong>Click a page in the list<\/strong> to load it and enable all tabs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Articles in this chapter<\/h2>\n\n\n\n<ul>\n<li><a href=\"https:\/\/www.airsupervision.com\/wp-r\/docs\/organization-staff\/pages-design-center\/managing-pages-and-groups\/\">Managing pages and groups<\/a><\/li>\n\n\n<li><a href=\"https:\/\/www.airsupervision.com\/wp-r\/docs\/organization-staff\/pages-design-center\/building-page-content\/\">Building page content<\/a><\/li>\n\n\n<li><a href=\"https:\/\/www.airsupervision.com\/wp-r\/docs\/organization-staff\/pages-design-center\/blocks-reference\/\">Blocks reference<\/a><\/li>\n\n\n<li><a href=\"https:\/\/www.airsupervision.com\/wp-r\/docs\/organization-staff\/pages-design-center\/custom-css-and-javascript\/\">Custom CSS and JavaScript<\/a><\/li>\n\n\n<li><a href=\"https:\/\/www.airsupervision.com\/wp-r\/docs\/organization-staff\/pages-design-center\/page-options\/\">Page Options<\/a><\/li>\n\n\n<li><a href=\"https:\/\/www.airsupervision.com\/wp-r\/docs\/organization-staff\/pages-design-center\/saving-review-and-publishing\/\">Saving, review and publishing<\/a><\/li>\n<\/ul>\n","protected":false},"featured_media":0,"parent":5163,"menu_order":18,"template":"","doc_tag":[],"_links":{"self":[{"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/docs\/5103"}],"collection":[{"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":1,"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/docs\/5103\/revisions"}],"predecessor-version":[{"id":5110,"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/docs\/5103\/revisions\/5110"}],"up":[{"embeddable":true,"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/docs\/5163"}],"prev":[{"title":"Event report Center","link":"https:\/\/www.airsupervision.com\/wp-r\/docs\/managers\/event-report-center\/","href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/docs\/5012"}],"wp:attachment":[{"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/media?parent=5103"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/doc_tag?post=5103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}