Spinner
AspNet Zero uses ngx-spinner for blocking the UI elements and showing loading effect.
Enable/Disable Full Screen Spinner
To block entire screen, you can use spinner service.
Enable/Disable Spinner on Html Elements
To use spinner on specific html elements you can use busyIf
directive.
The element which has busyIf
directive will be blocked until input is false.
Customize Spinner
Since AspNet Zero uses ngx-spinner, you can customize your spinner.
Implementations are located in busy-if.directive.ts
and root.component.ts
.
Check ngx-spinner documentation for more details.