About the Theme Builder
The Theme Builder is where you control how your portal looks - the theme it uses, its colors and fonts, its logo and background images, and its header and footer. You work against a live preview and nothing reaches your users until you publish.
Go to Setup > Manage > Theme Builder.
Administrators only.
Nothing is live until you publish. Every change you make is a working draft. Leaving the page with unpublished work warns you: Changes you made are not published! Are you sure you want to leave this page?
The Interface
The middle of the screen is a live preview. Around it:
| Control | What it does |
|---|
| Select a Page | Switches the preview between Sample Home, Sample Form and Sample Login, so you can check a theme against more than one page type. |
| Pick a Device | Previews the theme at desktop, tablet and phone widths. |
| Close Panel | Collapses the settings panel to see more of the preview. |
Four panels hold every setting:
Choosing a Theme
Your current theme is shown as Current theme. Click Change Theme to open the Theme Chooser, then Preview Theme to try one and Activate Theme to select it. The active one is marked Activated.
| Theme | Description |
|---|
| Simple | A simple and clean theme that is versatile for any brand. Header background color is configurable; the menu bar follows the page background. Logo and menu sit on one row, menu right-aligned. |
| Smoothness | A minimal and contemporary theme designed to focus on content. |
| Elegant | A chic and stylish theme that scales your content to fit any device. |
| Flat | A visually striking theme to highlight your brand using gradients. The header gradient is also used for the footer background. |
| Magentrix | A prominent theme with a full-width hero background and floating menu support. |
| Custom | A theme designed by web developers to deliver a highly customized look and feel. See the caution below. |
Changing theme resets your settings. You are warned before it happens - All the settings and colors will be reset. Do you still want to change the theme? On some themes the narrower warning appears instead: 'Max page width' and 'Floating menu' setting will be set to the default. Note what you have configured before switching.
The Custom theme is licensed. If your portal does not have custom-theme support, selecting it is rejected when you save. Contact your Magentrix representative to add it.
A caution on the Custom theme. Magentrix recommends that developers do not restyle out-of-the-box components and modules with CSS, because future releases may not support those customizations.
Layout Settings
In the Theme and Settings panel:
| Setting | Effect |
|---|
| Max Page Width | Caps the width of page content. Useful for readability on wide screens. |
| Floating Menu | Keeps the header menu at the top of the screen as users scroll. |
| Roundness | Corner rounding on interface elements. |
| Box Shadow | Shadow on dialogs and raised elements. |
| Banner Visual Effect | A visual treatment on the banner area. |
Not every setting is offered by every theme - the available options follow the theme you have selected.
Publishing
When you are satisfied, click Publish Theme. You are asked to confirm, because it is portal-wide: The whole portal will be updated with the new colors and settings. Still want to publish it?
See Previewing and Publishing a Theme.
Where to Go Next
Colors and Fonts >>