uiLibrary : (materialdesign|bootstrap|bootstrap4|bootstrap5)Default: materialdesign

The name of the UI library that is going to be in use.

The css file for bootstrap should be manually included if you use bootstrap.

Examples

MaterialDesign

    
 <div id="tree"></div>
 <script>
     var tree = $('#tree').tree({
         dataSource: '/Locations/Get',
         width: 500,
         uiLibrary: 'materialdesign',
         checkboxes: true
     });
 </script>

Bootstrap 3

    
 <div id="tree"></div>
 <script>
     var tree = $('#tree').tree({
         dataSource: '/Locations/Get',
         width: 500,
         uiLibrary: 'bootstrap',
         checkboxes: true
     });
 </script>

Bootstrap 4

    
 <div id="tree"></div>
 <script>
     var tree = $('#tree').tree({
         dataSource: '/Locations/Get',
         width: 500,
         uiLibrary: 'bootstrap4',
         checkboxes: true
     });
 </script>

Bootstrap 5

    
 <div id="tree"></div>
 <script>
     var tree = $('#tree').tree({
         dataSource: '/Locations/Get',
         width: 500,
         uiLibrary: 'bootstrap5',
         checkboxes: true
     });
 </script>