A Theme provides a base layout and design style that will be applied to the portal. The same theme can be applied to one or more portals. Themes can be created using a combination of a root theme preset in DocketManager, and customizations to Header HTML, Sidebar HTML, Footer HTML, CSS and JavaScript.

• Any of the CSS/JS customized on the portal level will be added last. If the same class is styled differently on both the theme and portal level, the portal level styling is what will be applied.
• If this is your first time customizing Themes, try out the guided W2P - Theme Setup Article before customizing your own theme from scratch.
• A Root Theme is a preset theme, provided by DocketManager to provide a base layout and design when creating your new theme. Explore our Root Themes.
• Browse the list of Display Element Tags that can be utilized when customizing your Theme or Portal.
• Browse our Online CSS and JavaScript Code Samples for customizing your Theme or Portal.
• For more creative ideas take a look at our Online Ordering Customizations Blog Posts.

Online Ordering > Portals/Themes

CREATING A NEW THEME

• Click the {New} button
• Enter a Theme Name
• Optionally select a Root Theme
• Select a Primary and a Secondary Color
  • These color selections will serve as the default colors when this theme is utilized.
• Click the {Save} button

CUSTOMIZING A THEME

• Open a Theme by clicking on the Theme Name
• Click on {Customize this Theme} below the Primary/Secondary Color
• The fields will appear for customizing the Header HTML, Sidebar HTML, Footer HTML, CSS, and JavaScript

REVERTING THEME CHANGES TO A PREVIOUSLY SAVED VERSION

Utilizing Theme Logs you can review edits that were made to a Theme and Revert to a previously saved version.

• Open a Theme by clicking on the Theme Name
• Hover over the {Actions} dropdown menu in the top right corner of the screen, and select {Logs}
• Select one of the Previous Saved Versions of this Theme by clicking on the Date, to preview the previous version
  • Click between Dates to identify the desirable Version to Revert back to
• Click {Revert} to Revert to a previously saved version

DUPLICATING A THEME

Once a Theme exists, it can be duplicated by selecting the Theme from the Theme List and clicking the {Duplicate} button.

DELETING A THEME

Once a Theme exists, it can be deleted by selecting the Theme from the Theme List and clicking the {Delete} button. 

Learn more about Online Ordering Portals.