Loading management


Topic: Loading management

smachesney asked 4 years ago

Hi

I have incorporated this snippet into my code:

<div id="loading-test-5" style="height: 300px; width: 100%">
      <div class="loading" data-mdb-parent-selector="#loading-test-5">
            <div class="fas fa-spinner fa-spin fa-2x"></div>
            <span class="loading-text">Loading...</span>
      </div>
</div>

Also, included the entire MDB5 ui kit however I get an error of "cannot get clonenode of null".

Can you tell me what the issue it? Thanks Sonia


Dawid Wajszczuk staff answered 4 years ago

Hi,
I think that replacing your code with this one should help

<div id="loading-test-5" style="height: 300px; width: 100%;">
    <div class="loading" data-mdb-parent-selector="#loading-test-5">
        <div class="fas fa-spinner fa-spin fa-2x loading-icon"></div>
        <span class="loading-text">Loading...</span>
    </div>
</div>

Keep coding,
Dawid


smachesney commented 4 years ago

Thank you Dawid, and then to toggle it do I get elementById(loading-test-5) to create a new instance?


smachesney commented 4 years ago

Thank you Dawid, and then to toggle it do I get elementById(loading-test-5) to create a new instance?


Dawid Wajszczuk staff commented 4 years ago

If you want to toggle it again or use other method just get instance of this element. Here is the snippet showing how to do it https://mdbootstrap.com/snippets/standard/d-wajszczuk/2985765#js-tab-view


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: 3.2.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No