Download

Support Center

Page Settings

The page settings tab contains all settings related to the current page you are previewing in Saber.

Title & Description

These two fields are used to generate the <title> tag and <meta name="description"> tag in the header of your rendered page. You can create prefixes & suffixes to use within your page title that allow you to keep a consistant page title pattern throughout your website.

The header & footer are Partial Views that load above and below the contents of your page. They are also rendered differently than any other partial views because they can contain their own multilingual content. All other partial views on the page store their multilingual content within the Page Content tab for the page you are viewing. If you want to modify the multilingual content for your header or footer, click the link labeled "Edit Content Fields" located right above the header & footer dropdown lists.

Stylesheets

You can add custom CSS stylesheets to your page if required. You should create or upload custom stylesheets to the wwwroot/css folder. Your page will load stylesheets in the following order: all custom website stylesheets, website.less, all custom page stylesheets, your page's LESS stylesheet.

NOTE: You are able to drag & drop your custom stylesheets to sort their load order.

Scripts

You can add custom JavaScript files to your page if required. You should create or upload custom scripts to the wwwroot/js folder. Your page will load scripts in the following order: all custom website scripts, website.js, all custom page scripts, your page's JavaScript file.

NOTE: You are able to drag & drop your custom scripts to sort their load order.

Sub-Page Template

Every page in Saber supports sub-page templates, which is a template web page used to create new web pages from. For example, if you have a blog (e.g. /blog), you can manage a template page (e.g. /blog/template) so when you create a new blog entry (e.g. /blog/2020-12-24/christmas-eve), the template page will be used to generate the initial content for your new blog entry.

Any content you create within your template page will be transfered over to any sub-pages you create, such as a user interface (such as a sidebar or comments section) as well as placeholder content that you'll eventually replace (such as the blog title, author, date, and body).

All page settings configured for the page template will also be copied over to your sub-pages, which may include the use of custom header & footer files. This is especially helpful if you want all sub-pages to utilize a custom UI that may need to be updated in the future, so any updated content within your custom header & footer files will be displayed within all sub-pages.

Live Template

You can convert your Sub-Page Template into a Live Template, which works the same way as a sub-page template, allowing you to create new web pages based on the content of your template, but instead of copying HTML content from the template to your new web page, your web page uses the HTML content directly from the live template's web page to render.

Any page content fields found within the live template will be used as customizable content for your sub page and you'll have to make changes to your live template HTML in order to update the HTML for any sub pages that utilize the live template. Take note that if you do change the HTML for your live template, it will affect the HTML for all web pages that utilize the live template.

If you add the mustache variable {{content}} to your live template HTML, then you'll be able to render the HTML of your sub page within that mustache variable. This is helpful for situations where you want to display a block of unique content on your sub page while maintaining the UI generated by the live template.

The template.js & template.less files will only be loaded if viewing the live template page itself, so if you'd like to load js or less/css files in all sub-pages related to the live template content, you'll have to add custom files to the live template's Page Settings, which will be adopted by all sub-pages that utilize the live template.