Child pages
  • _UIO tutorials script 1 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.

Skip to end of metadata
Go to start of metadata

The simplest way to add the UI Options component to your page is using a <script> tag near the top of the page. We suggest placing it right after the UI Options markup created in Step 1.

<body>
    <!-- UI Options mark-up here -->

    <script type="text/javascript">
        $(document).ready(function () {
            // All of our code will go here
        });
    </script>

    <!-- the rest of your page here -->
</body>

First, we need to add the UI Enhancer component to the page.

As discussed in the UI Enhancer tutorial, we need to add the UI Enhancer to every page on the site, including the UI Options page itself:

<script type="text/javascript">
    $(document).ready(function () {    // Instantiate the UI Enhancer component, specifying the table of contents' template URL
        fluid.pageEnhancer({
            tocTemplate: "<path to your copy of Infusion>/components/tableOfContents/html/TableOfContents.html"
        });
    });
</script>
  • No labels