/
Tutorial - Page Enhancer

Documentation for a historical release of Infusion: 1.4
Please view the Infusion Documentation site for the latest documentation, or the Infusion 1.3. Documentation for the previous release.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Tutorial - Page Enhancer

May 29, 2013

This tutorial will show you how to use the Page Enhancer, a special UI Enhancer designed to apply to an entire page. This tutorial assumes that:

  • you are already familiar with HTML, Javascript and CSS,

  • you are familiar with what the UI Options and UI Enhancer are and do, and

  • now you just want to know how to add them to your website.

See Also
UI Enhancer
Tutorial - Full Page UI Options
Tutorial - Full Page UI Options (with Preview)
Tutorial - Fat Panel UI Options
Working With UI Options On Your Site
UI Options Instructional Demos

Scenario

You're putting together a website that you know will have a diverse audience. You'd like to allow your visitors to customize the presentation of the site to their individual needs, such as enlarging the text, or increasing the visual contrast. This tutorial will show you how to add the UI Enhancer to the pages of your site, so that they will be adjusted according to preferences set using the UI Options component.

These are the basic steps to add the UI Enhancer to your application: