text: this.default = function () {
  
      // Sidebar Initialization
      var sidebarMenu = new ej.navigations.Sidebar({
          width: '290px',
          target: '.main-content',
          mediaQuery: '(min-width: 600px)',
      });
      sidebarMenu.appendTo('#sidebar-treeview');
      //end of Sidebar initialization
     
      // Toggle the Sidebar
      document.getElementById('hamburger').addEventListener('click', function () {
          sidebarMenu.toggle();
      });
      // open new tab
      var URL = location.href.replace(location.search, '');
      document.getElementById('newTab').setAttribute('href', URL.split('#')[0] + 'sidebar/responsive-panel/index.html');
      var data = [
          {
              nodeId: '01', nodeText: 'Installation', iconCss: 'icon-microchip icon',
          },
          {
              nodeId: '02', nodeText: 'Deployment', iconCss: 'icon-thumbs-up-alt icon',
          },
          {
              nodeId: '03', nodeText: 'Quick Start', iconCss: 'icon-docs icon',
          },
          {
              nodeId: '04', nodeText: 'Components', iconCss: 'icon-th icon',
              nodeChild: [
                  { nodeId: '04-01', nodeText: 'Calendar', iconCss: 'icon-circle-thin icon' },
                  { nodeId: '04-02', nodeText: 'DatePicker', iconCss: 'icon-circle-thin icon' },
                  { nodeId: '04-03', nodeText: 'DateTimePicker', iconCss: 'icon-circle-thin icon' },
                  { nodeId: '04-04', nodeText: 'DateRangePicker', iconCss: 'icon-circle-thin icon' },
                  { nodeId: '04-05', nodeText: 'TimePicker', iconCss: 'icon-circle-thin icon' },
                  { nodeId: '04-06', nodeText: 'SideBar', iconCss: 'icon-circle-thin icon' }
              ]
          },
          {
              nodeId: '05', nodeText: 'API Reference', iconCss: 'icon-code icon',
              nodeChild: [
                  { nodeId: '05-01', nodeText: 'Calendar', iconCss: 'icon-circle-thin icon' },
                  { nodeId: '05-02', nodeText: 'DatePicker', iconCss: 'icon-circle-thin icon' },
                  { nodeId: '05-03', nodeText: 'DateTimePicker', iconCss: 'icon-circle-thin icon' },
                  { nodeId: '05-04', nodeText: 'DateRangePicker', iconCss: 'icon-circle-thin icon' },
                  { nodeId: '05-05', nodeText: 'TimePicker', iconCss: 'icon-circle-thin icon' },
                  { nodeId: '05-06', nodeText: 'SideBar', iconCss: 'icon-circle-thin icon' }
              ]
          },
          {
              nodeId: '06', nodeText: 'Browser Compatibility', iconCss: 'icon-chrome icon'
          },
          {
              nodeId: '07', nodeText: 'Upgrade Packages', iconCss: 'icon-up-hand icon'
          },
          {
              nodeId: '08', nodeText: 'Release Notes', iconCss: 'icon-bookmark-empty icon'
          },
          {
              nodeId: '09', nodeText: 'FAQ', iconCss: 'icon-help-circled icon'
          },
          {
              nodeId: '10', nodeText: 'License', iconCss: 'icon-doc-text icon'
          }
      ];
  
      // TreeView  initialization
      var mainTreeView= new ej.navigations.TreeView({
          fields: { dataSource: data, id: 'nodeId', text: 'nodeText', child: 'nodeChild' }, expandOn: 'Click'
      });
  
      mainTreeView.appendTo('#main-treeview');
  };
  