Insites Docs Web Components V1LayoutHeader User

Header User

Last updated on August 02, 2024.

Element: <ins-header-user>

Complete Example

 

Code Snippet

<ins-header>
  <ins-header-user
    app
    name="John Smith"
    profile-link="/v1/assets/pages/my-profile.html"
    logout-link="/logout">
  </ins-header-user>
</ins-header>
Default State

Code Snippet

<ins-header>
  <ins-header-user></ins-header-user>
</ins-header>
Direct Data Set

Code Snippet

<ins-header>
  <ins-header-user id="directSetDataHeaderUser"></ins-header-user>
</ins-header>

<script>
  var directSetDataHeaderUser = document.getElementById('directSetDataHeaderUser');
  directSetDataHeaderUser.addEventListener('didLoad', function(e){
    directSetDataHeaderUser.name = 'Jane Doe';
    directSetDataHeaderUser.logoutLink = '/sign-out';
    directSetDataHeaderUser.profileLink = '/my-account';
  });
</script>
              
Static Data Source

Code Snippet

<ins-header>
  <ins-header-user
    name="John Smith"
    logout-link="/logout"
    profile-link="/my-profile">
  </ins-header-user>
</ins-header>
              

 

Attributes

 

FIELD ATTRIBUTE TYPE DEFAULT OPTIONS DESCRIPTION
name string "User" any Defines name of dropdown feature in header
logout-link string "" any Defines link of "logout" selection
profile-link string "#/my-profile" any Defines link of "MyProfile" selection
app boolean false true, false Renders iframe
formatted-route string any N/A

 

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.