Skip to main content
MindTouch Success Center

Apply a contextual help theme (legacy)

This page applies to:MindTouch (current)

DEPRECATED! This page has been deprecated. Content on this page is no longer supported. Please contact Support or search our Success Center for supported solutions.

important note   When you use a theme you cannot customize the dialog's control settings with the F1.text fields.


Default theme


The MindTouch contextual help dialog comes with a default theme that does not require initialization.

File:F1/F1_Themes/003_How_to_use_an_F1_theme/default-theme.jpg


Broadway


To capitalize on the new features available in CSS 3, the Broadway theme makes use of CSS-based gradients, drop shadows and rounded corners. Broadway is best viewed in CSS 3 compliant browsers. To add the Broadway theme to your F1 contextual help instance, add the broadway.js script to your code.

<script src="//cdn.mindtouch.us/f1.js"></script>
<script src="//cdn.mindtouch.us/f1/broadway.js"></script>

File:F1/F1_Themes/003_How_to_use_an_F1_theme/broadway-theme.jpg


Kalmia


The Kalmia theme was created to demonstrate how far you can customize F1contextual help. Kalmia includes custom icons without labels for the dialog controls, icon rollovers, a search box without a button, and semi-transparent background images used in the header and footer in conjunction with transparent iframes for custom background images. To use this theme, add the kalmia.js script to your page.

<script src="//cdn.mindtouch.us/f1.js"></script>
<script src="//cdn.mindtouch.us/f1/kalmia.js"></script>

File:F1/F1_Themes/003_How_to_use_an_F1_theme/kalmia-theme.jpg