AnsweredAssumed Answered

LoadingShelter question

Question asked by kenbuja on Sep 29, 2017
Latest reply on Oct 2, 2017 by kenbuja

I've having some difficulty with the LoadingShelter when I'm adding that into the Widget.html file. I have put it in there as

 

<div>
  <div>
    widget content
  </div>
  <div data-dojo-type="jimu/dijit/LoadingShelter" data-dojo-attach-point="shelter" data-dojo-props="hidden:true" style="overflow:hidden;"></div>
</div>

 

However, when I attempt to show or hide it with

this.shelter.show();

I get the error "TypeError: this.shelter.show is not a function".

 

If I look at examine it in another widget, say the eSearch widget, its properties are

 

When I examine it in my widget, its properties are

 

 

What am I getting wrong about the implementation?

 

I have also tried adding the LoadingShelter in Widget.js programmatically in the postCreate function

    this.shelter = new LoadingShelter({
      hidden: true
    });
    this.shelter.placeAt(this.domNode);
    this.shelter.startup();

When I examine it in Developer Tools, its properties are similar to the eSearch version, but I never actually see it show up on my widget

Outcomes