{"id":281,"date":"2025-11-26T16:17:03","date_gmt":"2025-11-26T16:17:03","guid":{"rendered":"https:\/\/kb.ourproperty.ng\/property-manager\/?post_type=docs&p=281"},"modified":"2025-11-26T16:18:10","modified_gmt":"2025-11-26T16:18:10","password":"","slug":"appearance-settings-templates-layout-options","status":"publish","type":"docs","link":"https:\/\/kb.ourproperty.ng\/property-manager\/docs\/appearance\/appearance-settings-templates-layout-options\/","title":{"rendered":"How To Set Templates & Layout Options"},"content":{"rendered":"\n

Dashboard Templates<\/strong><\/h2>\n\n\n\n

You can choose from different dashboard templates, similar to selecting a theme for a website.
Each template changes the overall structure and visual style of your dashboard, giving your company complete control over how the system appears to staff members.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n\n\n\n

Grid and List View<\/strong><\/h2>\n\n\n\n

You can switch between two display layouts:<\/p>\n\n\n\n

    \n
  • Grid View<\/strong> \u2013 This is the default layout, offering a wider and more visual arrangement.<\/li>\n\n\n\n
  • List View<\/strong> \u2013 A more compact layout designed for users who prefer a simplified, itemized format.<\/li>\n<\/ul>\n\n\n\n

    To apply a layout:<\/p>\n\n\n\n

      \n
    1. Select either Grid<\/strong> or List<\/strong> view.<\/li>\n\n\n\n
    2. Click Apply<\/strong>.<\/li>\n\n\n\n
    3. Click Update<\/strong> to save your settings.<\/li>\n<\/ol>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \n\n\n\n

      Navigation Bar Customization<\/strong><\/h2>\n\n\n\n

      The navigation bar can be repositioned based on your preference.
      This gives you control over how the menu is arranged for better accessibility or personal comfort.<\/p>\n\n\n\n

      To update the navigation layout:<\/p>\n\n\n\n

        \n
      1. Choose your preferred position.<\/li>\n\n\n\n
      2. Apply and save the setting.<\/li>\n\n\n\n
      3. Log out and log back in to see the updated layout.<\/li>\n<\/ol>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \n\n\n\n

        Dark Mode<\/strong><\/h2>\n\n\n\n

        If you prefer a darker interface, you can switch the dashboard to Dark Mode<\/strong>.
        Once enabled, all company staff will automatically see the dashboard in dark mode by default.<\/p>\n\n\n\n

        <\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        \n\n\n\n

        Font Customization<\/strong><\/h2>\n\n\n\n

        The default system font is Lato<\/strong>, but you can change it to match your brand identity.<\/p>\n\n\n\n

        To customize your font:<\/p>\n\n\n\n

          \n
        1. Search for a font of your choice.<\/li>\n\n\n\n
        2. Select it.<\/li>\n\n\n\n
        3. Click Update<\/strong> to apply the new font across the dashboard.<\/li>\n<\/ol>\n\n\n\n
          \"\"<\/figure>\n\n\n\n

          Color Theme Options<\/strong><\/h2>\n\n\n\n

          You can personalize the dashboard color theme to align with your company branding.<\/p>\n\n\n\n

          To update your color theme:<\/p>\n\n\n\n

            \n
          1. Select your preferred color.<\/li>\n\n\n\n
          2. Click Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n

            The selected color theme will apply across your entire company system.<\/p>\n\n\n\n

            Zoom Level Settings<\/strong><\/h2>\n\n\n\n

            The default zoom level is 80%<\/strong> for optimal viewing.
            However, you can adjust it based on your preference:<\/p>\n\n\n\n

              \n
            • Reduce the zoom if items look too large.<\/li>\n\n\n\n
            • Increase the zoom if elements appear too small.<\/li>\n<\/ul>\n\n\n\n

              Whatever zoom level you save will apply to both the web dashboard<\/strong> and the mobile app<\/strong> for all company staff.<\/p>\n\n\n\n

              \n\n\n\n

              Conclusion<\/strong><\/h2>\n\n\n\n

              The Appearance Settings allow you to fully customize your dashboard\u2014templates, layout style, navigation, colors, fonts, dark mode, and zoom level.
              Use these settings to create a dashboard experience that fits your company\u2019s brand and enhances user comfort.<\/p>\n","protected":false},"excerpt":{"rendered":"

              Dashboard Templates You can choose from different dashboard templates, similar to selecting a theme for a website.Each template changes the overall structure and visual style of your dashboard, giving your company complete control over how the system appears to staff members. Grid and List View You can switch between two display layouts: To apply a […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"doc_category":[28],"glossaries":[],"doc_tag":[],"class_list":["post-281","docs","type-docs","status-publish","hentry","doc_category-appearance"],"acf":[],"year_month":"2026-04","word_count":360,"total_views":"134","reactions":{"happy":"2","normal":"0","sad":"0"},"author_info":{"name":"tsalam","author_nicename":"tsalam","author_url":"https:\/\/kb.ourproperty.ng\/property-manager\/author\/tsalam\/"},"doc_category_info":[{"term_name":"Appearance","term_url":"https:\/\/kb.ourproperty.ng\/property-manager\/docs-category\/appearance\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/kb.ourproperty.ng\/property-manager\/wp-json\/wp\/v2\/docs\/281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.ourproperty.ng\/property-manager\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/kb.ourproperty.ng\/property-manager\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/kb.ourproperty.ng\/property-manager\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.ourproperty.ng\/property-manager\/wp-json\/wp\/v2\/comments?post=281"}],"version-history":[{"count":3,"href":"https:\/\/kb.ourproperty.ng\/property-manager\/wp-json\/wp\/v2\/docs\/281\/revisions"}],"predecessor-version":[{"id":289,"href":"https:\/\/kb.ourproperty.ng\/property-manager\/wp-json\/wp\/v2\/docs\/281\/revisions\/289"}],"wp:attachment":[{"href":"https:\/\/kb.ourproperty.ng\/property-manager\/wp-json\/wp\/v2\/media?parent=281"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/kb.ourproperty.ng\/property-manager\/wp-json\/wp\/v2\/doc_category?post=281"},{"taxonomy":"glossaries","embeddable":true,"href":"https:\/\/kb.ourproperty.ng\/property-manager\/wp-json\/wp\/v2\/glossaries?post=281"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/kb.ourproperty.ng\/property-manager\/wp-json\/wp\/v2\/doc_tag?post=281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}