Insites Docs Web Components V2LayoutWrappers

Wrappers

Published on February 15, 2021, updated on June 01, 2021

Before you use <ins-header> and <ins-sidebar>, it is important to know how to structure them with these wrappers.

 
 

Insites Renderer <ins-renderer>

Renders the "iFrame" content of a page. Also automatically manages page's heading & breadcrumbs (up to 1 level deep).

 

Complete Example

Code Snippet

<html>

<head>
</head>

<body>

    <ins-sidebar>

        <ins-sidebar-item 
            link="/" label="Menu 1" app>
        </ins-sidebar-item>

        <ins-sidebar-item 
            link="/" label="Menu 2" with-submenu>

            <ins-sidebar-item 
                link="/" label="Sub Menu 1" app>
            </ins-sidebar-item>

            <ins-sidebar-item 
                link="/" label="Sub Menu 2" app>
            </ins-sidebar-item>

        </ins-sidebar-item>

    </ins-sidebar>


    <ins-header>

        <!-- Header content here -->

    </ins-header>


    <ins-renderer>

        <!-- Page content will be rendered here -->

    </ins-renderer>

</body>

</html>
Have a suggestion for this page?

Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.