search

pjekel / cbtree

The Dijit Tree with Multi State Checkboxes, project code 'cbtree' , is a highly configurable dojo/dijit tree with support for multi-state checkboxes or third party widgets capable of presenting a so-called 'checked' state.
Other
75 stars 34 forks source link

Disable processing bar when creating cbtree #52

Closed bridgji closed 10 years ago

bridgji commented 10 years ago

When I initially create the tree there seems to be an animate processing bar displayed while its being created. Is this something I can shut off ? This is a image right before the tree appears.

image

pjekel commented 10 years ago

The process bar or load indicator is a characteristic of the dijit Tree, not the cbtree. If you want to disable this, locate the file dijit/templates/Tree.html which should look like:

<div role="tree">
    <div class="dijitInline dijitTreeIndent" style="position: absolute; top: -9999px;" data-dojo-attach-point="indentDetector"></div>
    <div class="dijitTreeExpando dijitTreeExpandoLoading" data-dojo-attach-point="rootLoadingIndicator"></div>
    <div data-dojo-attach-point="containerNode" class="dijitTreeContainer" role="presentation">
    </div>
</div>

Add style="display:none" to the class dijitTreeExpando is as:

<div class="dijitTreeExpando dijitTreeExpandoLoading" data-dojo-attach-point="rootLoadingIndicator" style="display:none"></div>

NOTE: Do NOT remove the dijitTreeExpando class as it has an attachment point. Also, you will have to make this change every time a newer version of dojo is installed.

bridgji commented 10 years ago

As always thank you for the quick response. Instead of editing the tree.html I just added .dijitTreeExpando.dijitTreeExpandoLoading { display:none; } to my css style sheet and it seemed to do the trick.