Angular UI blocking page mechanism during loading , saving #1203

4 Answer(s)

• 

  0

  Mehmet created 5 years ago

  Hi,

  You can use the abpLoading directive.

  See the usage:

  <div class="your-container" [abpLoading]="isLoading">
      some content here
  </div>
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  ademaygun created 5 years ago

  we tried abploading directive, it shows a very small spinner center of screen, we need blur affect like below

  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  Mehmet created 5 years ago

  The directive project the LoadingComponent to the DOM. You can override classes in the LoadingComponent.

  See an example:

  .abp-loading {
    background: rgba(0, 0, 0, 0.4) !important;
  
    .abp-spinner {
      font-size: 30px !important;
      color: white;
    }
  }
  

  Add styles above to the styles.scss

  See the result:

  

  Or you can use a library like ngx-loading

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  ServiceBot created 5 years ago

  Support Team Automatic process manager

  This question has been automatically marked as stale because it has not had recent activity.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel