To get to the Theme Commander 3 (TC3) Configurator page, first select your client on the main admin page and type "Theme Commander" in the Quick Jump bar.  


Configurator Overview

First let's get familiar with the configurator interface, shown below in Figure 1.



Figure 1: Theme Commander 3 configurator


1 Previews: Clicking these tabs changes which preview of the currently selected theme to show in the preview pane: Client Page, Report, Cham Shop View, or Dragon.

2 Editing Level: Shows whether you are currently working at client or MSP-wide level.  

Note: To get to the page to edit/update the MSP-wide theme, type "MSP theme" in the Quick Jump bar on the main Admin page

3 Theme Gallery: This link will bring up a list of both SASSIE-provided and custom themes. Preview and make themes live here.

4 Build New Theme: Click this to start creating a custom theme.

5 Preview pane: This shows a preview of the theme you are either currently viewing or currently editing.


Choosing a Theme

  1. Click Theme Gallery at the top of the page. The theme selector will appear below the link. It shows collections of SASSIE-provided themes (Gem, Industry, Motif, Tones) and one collection of custom themes. 
  2. Click on a collection to expand the list.
  3. Click on a theme to see a preview of it in the preview pane. Click the preview tabs at the top of the page to view previews of the theme for different pages.
  4. Click the checkmark at the top of the theme selector to make this theme live on all relevant pages or click the X to cancel.

       


Building a Theme

  1. Click Build New Theme at the top right of the page. 
  2. Now you can customize your client-facing pages in even smaller detail. When you select the option to build your own theme, you’ll see a widget with your customization options:


    You can drag this widget around the page so you can see every corner of your new theme.

    Let’s take a look at some of the ways you can configure your own theme. We’ll give you a brief overview of the theme-builder widget, but we invite you to play around with all of the options to discover your new look:




    Colors

    You can configure different colors for different sections of the page. Hover-over text will show you what part of the page will be affected by your color choice – in this example, we’ve hovered over Headers and Footers:


    You can also configure the text on different parts of the page by clicking on the ABC buttons. The second and third buttons in the example above are showing white text over a background color, while the rest are showing dark text over a background color.


    Images

    Our improved image selector allows you to upload images and configure how they show on the page.


    You have the option to repeat the image, choose where it appears on the page, and change the height to fit your needs.


    Show or hide client logo or name


    If your client has a logo, you can choose to keep it hidden in the upper left corner, or make it visible:



    Corners

    With the Corners setting, you have the option to make the corners on your pages either rounded:



    … or square:




  3. When you are finished designing your theme, be sure to click the Checkmark "Save Theme" button in the top right of the page.  You will then be prompted to give your theme a name.  Fill in your theme name, click OK, and wait for an email that your theme was generated.  Once the theme is generated, you can refresh your TC3 page, and find your new theme in the Theme Gallery under the Custom tab.  Select your theme and click the Checkmark "Publish Theme" button in the top right to make your new theme display on your selected client.




Theme Commander 3 allows you to edit themes you created


New themes will have “Edit” and “Copy” buttons. Newer themes that can be edited or copied are written with yellow text. Old themes that cannot be edited or copied are written in gray.


Click the gear icon next to the name of your theme to show these options:


  


 

To edit a theme, click “Edit” and start making your changes. When your changes are done, click the “Save theme” button as usual. Before you save, you’ll get a pop-up warning you that you will be overwriting the existing theme settings with your changes:

 

 

Clicking the “Copy” button allows you to make a copy of an existing theme from which you can make changes.