Skip to content
Sitemason - Build on Us

Interface Structure

The Sitemason® interface has several components:

  • Panel: The primary and overall interface component is a panel.  Every panel contains a sidebar with vertically-oriented tabs (both content tabs and settings tabs) and buttons, as well as a content area on the left portion of the panel.  Examples of panels include the initial site panel you see when you first log in and the panels that slide out after you click on a Tool, an Item, or a settings tab.

    Each panel consists of three sub-components:
    • Tabs: Every panel contains one or more tabs that display in the top of the panel's right sidebar. Content tabs control what is displayed in the content area of the panel.
    • Settings: Most panels have at least one settings tab displayed beneath the content tabs.  Tapping a settings tab displays a panel of settings.
    • Content: Every tab has content that displays in the main (left) area of the panel. The content may be a list of Sitemason Items or fields for storing data.  In the case of a list of Items, selecting an Item within the list will display another panel.

Panels

As the primary component of Sitemason's interface, panels are the starting point for customizing the interface.  Each panel is referenced by its name.

Site-Level Panels

  • sitePanel: The main panel of the interface.  This panel contains all the Tools and Folders of the site.
  • siteSettingsPanel: Accessed by tapping a settings tab from within the sitePanel, this panel contains site-wide settings and the DNS manager.

The Site-level panels cannot be customized.

Tool-Level Panels

  • toolPanel: Accessed by tapping a Tool from within the sitePanel.  Depending whether or not the Tool is a list-based Tool, the toolPanel will either display a page or a list of items, tags, tag groups, and subscriptions.
  • tagPanel: This provides editing of a tag and is accessed from the Tags tab in the toolPanel.
  • tagGroupPanel: This provides editing of a tag group and is accessed from the Tag Groups tab in the toolPanel.
  • subscriptionPanel: This contains a list of subscriptions for editing and is accessed from the Subscriptions tab in the toolPanel.
  • toolSettingsPanel: This panel contains the Tool's settings and is accessed from a settings tab in the toolPanel.

Item-Level Panels

  • itemPanel: This panel provides editing for Sitemason Items.  It is accessed by tapping an Item from the list of Items in the toolPanel.

Icon Class Names

 sm-secure
 sm-copy
 sm-gallery
 sm-indent
 sm-outdent
 sm-strikethrough
 sm-tag-groups
 sm-unlink
 sm-email
 sm-paste-html
 sm-center
 sm-twitter
 sm-facebook
 sm-untitled
 sm-add
 sm-alias
 sm-folder
 sm-users
 sm-anchor
 sm-backward
 sm-blockquote
 sm-bold-copy
 sm-compact
 sm-custom
 sm-dashboard
 sm-date-select
 sm-delete
 sm-detail
 sm-down
 sm-dragdrop
 sm-duplicate
 sm-events
 sm-export
 sm-files
 sm-form
 sm-forward
 sm-fullscreen
 sm-gear
 sm-helparrow
 sm-image
 sm-italic
 sm-justify
 sm-label
 sm-layout
 sm-left
 sm-link
 sm-media
 sm-modify
 sm-move
 sm-nav-only
 sm-news
 sm-ordered
 sm-page
 sm-paste
 sm-proxy
 sm-questionmark
 sm-redo
 sm-refresh
 sm-reorder
 sm-right
 sm-settings
 sm-skinnyx
 sm-source
 sm-spell-check
 sm-status
 sm-store
 sm-table
 sm-tag
 sm-uncheckbox
 sm-underline
 sm-undo
 sm-unordered
 sm-up
 sm-talk
 sm-cut
 sm-checkmark
 sm-checkbox
 sm-search