_UIO tutorials script 1 enhancer

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>