Loading Spinners inside Modal - Bootstrap

This solution for both static html and can be setup inside directive for angular 1.X. Just like with some of css3 I created awhile back these spinners ready as soon as the client hits the page hence way there's a static version.  A directive could be made to for dynamic situations like http requests. This implementation goes inside div or inside another component, while the global spinner closes the children and takes over.

  <div style="position:relative;height: 95px"  ng-show="data.length == 0">
    <div id="my-modal" class="modal fade in show" style="position: absolute">
      <div class="modal-dialog" style="width: 100px;margin-top: 2px;">
        <div class="modal-content">
          <div class="modal-body">
            <div class="spinner"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="modal-backdrop fade in" style="position: absolute"></div>
  </div>




http://blog.pexels.com/css-only-loaders/ http://codetunnel.io/how-to-do-loading-spinners-the-angular-way/ https://github.com/rpocklin/angular-ui-view-spinner http://jsfiddle.net/wilsotobianco/b5LkaLan/2/

Popular posts from this blog

Nginx Best Practices Extended

Installing Windows on Acer chromebook 15 cb3-532

Entity Framework: ToListAynsc & WhereAsync