Skip to main content

Branding 101 (MT4)

This page applies to:MindTouch 4


Self-service branding provides you and your team the ability to completely customize the user interface of your MindTouch help site. Self-service branding is available to all customers but may need to be turned on for your site.  

Services and Support


Content Format

Custom Regions

Supported?


Implemented By
Self-Service Branding
  • Your Company Logo (Site, Email, PDF)
  • Custom Site Header (HTML, CSS, JavaScript)
  • Custom Site Footer (HTML, CSS, JavaScript)
  • Side Tray (HTML, CSS, JavaScript)
  • Login Screen (HTML, CSS)
  • Content CSS (Text, Headers, Links)
  • PDF Content CSS  (Text, Headers, Links)

File:User:jamesv/Templates/icon_check.png

Level 1*

Customer 

Basic Branding

Logo, Links & Colors

  • Your Company Logo (Site, Email, PDF)
  • Content CSS (Text, Headers, Links)
  • Breadcrumbs Bar Color

File:User:jamesv/Templates/icon_check.png

Level 1

MindTouch_Logo.jpeg

Advanced Branding
Header & Footer

  • Your Company Logo (Site, Email, PDF)
  • Custom Site Header (HTML, CSS)
  • Custom Site Footer (HTML, CSS)
  • Content CSS (Text, Headers, Links)

alert_icon.png

Custom Configuration

MindTouch_Logo.jpeg

Custom Branding
  • Your Company Logo (Site, Email, PDF)
  • Custom Site Header (HTML, CSS)
  • Custom Site Footer (HTML, CSS)
  • Content CSS (Text, Headers, Links)
  • PDF Content CSS  (Text, Headers, Links)
  • Category Page CSS
  • Guide Page CSS

alert_icon.png

Custom Configuration

MindTouch_Logo.jpeg

* MindTouch Support can turn self-service branding on/off and also direct you to the correct locations to apply your self-service branding. MindTouch Support cannot work on or deliver HTML, JavaScript, CSS or DekiScript.

Details

Self-Service Branding consists of a number of branding regions throughout the MindTouch user interface that are openly available for you and your team to modify. This document provides a high-level overview of what self-service branding is, if you're looking for instructions on how to apply your branding please see:

Required Skills

In order to implement your brand with the self-service branding you will need access to a resource with specific skills that are suited for web design. If you do not have access to the necessary skills you may struggle with the branding implementation or poorly implement your branding. It is highly recommended that the following skills are required for branding implementation:

  • Photoshop/Illustrator
  • HTML
  • CSS
  • JavaScript
  • jQuery

Branding regions

The screenshots below show standard MindTouch screenshots with functional names of the application overlaid. The areas in orange are branding regions and can be completely modified by you or your design team. Branding regions can contain HTML, CSS, JavaScript, jQuery and DekiScript.

Branding Regions

MindTouch Article Branding Regions - Header, Footer, SideTray
Custom Regions.png Custom Regions_with_highlights.png
MindTouch Login/Registration Screen Branding Regions - Site Header, Site Footer, Login Screen
Custom Regions login screen.png Custom Regions login screen with highlight.png
MindTouch PDF Custom Regions - PDF Header, PDF Footer
Custom Regions_pdf.png Custom Regions_pdf with highlights.png

Branding and localization

When considering translation, it is important to understand what interfaces are localized by MindTouch. Localization refers to all interfaces that are not content or branding. The diagram below highlights a typical article and the interfaces that localizedtranslated and branded.

Custom-Regions_localization.png

Additional branding templates

With MindTouch, you have the ability to alter the look and feel of our new branding templates. With these templates, you are able to customize the look of the Welcome screen for both Community Members and Pro Members, customize the 404 Page Not Found template, and also the look of a blank article for both Community Members and Pro Members. Below is a list of the templates that are now available across the site:

  •  Template:Custom/Views/BlankArticle/Community
  •  Template:Custom/Views/BlankArticle/ProMember
  •  Template:Custom/Views/PageNotFound
  •  Template:Custom/Views/Welcome/Community
  •  Template:Custom/Views/Welcome/ProMember

These templates in your MindTouch site under Site Tools > Templates, located under Template:Custom. ​

 

Blank Article - Community Member Custom Regions - Header, Page Content, Footer
Custom Regions_pdf.png Custom Regions_pdf with highlights.png
Blank Article - Pro Member Custom Regions - Header, Page Content, Footer
Custom Regions_pdf.png Custom Regions_pdf with highlights.png
Page Not Found Custom Regions - Header, Page Content
Custom Regions_pdf.png Custom Regions_pdf with highlights.png
Welcome Page - Community Member Custom Regions - Header, Page Content, Footer
Custom Regions_pdf.png Custom Regions_pdf with highlights.png
Welcome Page - Pro Member Custom Regions - Header, Page Content, Footer
Custom Regions_pdf.png Custom Regions_pdf with highlights.png