Skip to main content

Customize contextual help

This page applies to:MindTouch Responsive

Unsupported! Content on this page is not supported by MindTouch. Please search our Success Center for supported content.

What are the benefits of MindTouch F1 contextual help themes?

  • Use pre-made themes right out-of-the-box.
  • Customize your F1 dialog to match your application and brand.
  • Show or hide dialog controls.
  • Modify each of the dialog controls for consistency or localization.
  • Ability to use targeted CSS styles for Microsoft Internet Explorer.
  • Share your own themes with other MindTouch users.

Learn how to use MindTouch F1 contextual help themes and how to create your own themes through custom CSS.

Applying F1 contextual help themes

The MindTouch F1 contextual help dialog was built with flexibility in mind. Users can choose to modify the look and feel of their F1 contextual help dialog through a combination of themes and CSS styles:

<a class="F1" href="#">Help</a>
<script type="text/javascript">
    F1 = {
        host: ''
        stylesheet: 'new-styles.css',
        stylesheetIE8: 'ie8.css',
        stylesheetIE7: 'ie7.css',
        text: {
            back: '< Back',
            forward: 'Forward >',
            home: 'Back to Home',
            open: 'Open new article',
            search: 'Search Now',
            hint: 'Enter search term'
<script src=""></script>