Skip to main content

Apply a contextual help theme

This page applies to:MindTouch Responsive

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 F1 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

 

What's next


If you want to further customize your F1 contextual help dialog, visit our tutorial on Customize F1 contextual help with CSS.