Support Center

HTML Components

Saber can render dynamic content onto your web pages when you provide a mustache component tag. For example, the Page List plugin contains an HTML component that will render a list of web pages that belong to your website (e.g. {{page-list path:"store/products", length:"5"}})


List

The list component is one of the most versatile components in Saber. This component will generate a list based on the Partial View you wish to render as list items. After generating the mustache component for your list, open the Page Content tab to start adding list items to your list. Based on the mustache variables found within the Partial View that you chose to use for your list, you will be able to fill out a form to generate a list item.

{{list partial:"partials/team-member.html"}}

You can use this component to create photo galleries, menus, slideshows, or rows and columns of any type of information that you need to display. The possibilities are endless with the List component.


Partial View Component

If you'd like to add a Partial View to your page, use this component to generate the mustache code. You provide an ID for the mustache partial and select which Partial View you'd like to render, then click the button labeled "Create Partial View" to generate the mustache partial wherever your cursor is at in the code editor.


Special Variable Component

This component will allow you to generate a mustache variable or mustache block by giving you a list of special variables to choose from that will render special content onto your page.

Current Year {{year}} Display the current year (typically used for copyright notices)
Language List Form {{languages.options}} Will generate a language selection dropdown list for your users to select which language they would like to view your multilingual content in.
Line Break {{- title:"My Title"}} Display a line break within the Page Content tab to separate groups of form fields. This mustache variable will not render any content on your HTML page.
Page ID {{page-id}} Will generate a unique ID for the page you are viewing. This is useful for situations where you need to identify the page, such as a 3rd-party JavaScript library that displays a list of comments based on the page you are viewing, or a a 3rd-party JavaScript library for tracking page analytics.
Page URL {{page-url}} Will generate the absolute URL of the current page you are viewing.
User ID {{userid}} Will generate the ID of the user that is currently logged into your Saber website. You should only use this variable within a User Logged In block.
User Logged In (block) {{user}}{{/user}} Will generate a mustache block that will only render the contents of the block if the user is logged into their Saber account.
User Name {{username}} Will generate the name of the user that is currently logged into your Saber website. You should only use this variable within a User Logged In block.
User Not Logged In (block) {{no-user}}{{/no-user}} Will generate a mustache block that will only render the contents of the block if the user is not currently logged into their Saber account.