Skip to main content

Apply an F1 contextual help theme

This page applies to:MindTouch Responsive

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.



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="//"></script>
<script src="//"></script>



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="//"></script>
<script src="//"></script>



What's next

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