Insites Docs Web Components V1LayoutWrapper

Wrapper

Last updated on August 02, 2024.

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

Insites Admin

 
<ins-admin>
 
Main wrapper that holds the whole page body together.
 

Insites Content

 
<ins-content>
 
Page content wrapper that holds the content part a page.
 

Insites Renderer

 
<ins-renderer>
 
Renders the "iFrame" content of a page. Also automatically manages page's heading & breadcrumbs.
 

Complete Example

Code Snippet

<html>
  <head>
  </head>
  <body>
    <ins-admin>
      <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-content>
        <ins-header>
          <!-- Header content here -->
        </ins-header>
        <ins-renderer>
          <!-- Page content will be rendered here -->
        </ins-renderer>
      </ins-content>
    </ins-admin>
  </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.