CODEWITHSUNDEEP
jquerycssangularjstwitter-bootstrap
user2879704
user2879704

Reputation:

Loaders - spinner icon not appearing inside bootstrap modal

I am trying to add the spinner icon like below inside a modal dialog box,

enter image description here

Jsfiddle is here.

I am using loaders.css to get this effect. This works, when i place this code in the index page.

<div class="text-center loader-inner line-scale"></div>

But it doesn't appear when this icon is placed inside a bootstrap modal box.

Is this to do with, $('.loader-inner').loaders() function call mentioned on loader's github page.

Since this is an angular app, i am trying to skip the jquery dependency somehow.

Upvotes: 1

Views: 2367

Answers (1)

Swimburger
Swimburger

Reputation: 7164

I added the css from the loaders.css and looked at the demo to see how to use the specific loading animation. Simply add five div's inside your .line-scale element. See updated fiddle.

<div class="text-center loader-inner line-scale">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

Having said that, I noticed that you're using angular. On the readme page of loader.css there is a port for angular that might be helpful.

Upvotes: 2

Related Questions