MediaSFU Angular
    Preparing search index...

    Class LoadingModal

    LoadingModal displays a loading spinner and a customizable "Loading..." text as an overlay.

    app-loading-modal

    true

    CommonModule

    • isVisible (boolean): Controls the visibility of the modal overlay. Default is false.
    • backgroundColor (string): Background color of the modal overlay. Default is 'rgba(0, 0, 0, 0.5)'.
    • displayColor (string): Color of the loading text. Default is 'white'.
    • modalContainerStyle (object): Computed styles for the modal container.
    • modalContentStyle (object): Computed styles for the modal content.
    • spinnerContainerStyle (object): Computed styles for the spinner container.
    • loadingTextStyle (object): Computed styles for the loading text.
    <app-loading-modal
      [isVisible]="true"
      [backgroundColor]="'rgba(0, 0, 0, 0.5)'"
      [displayColor]="'white'">
    </app-loading-modal>
    • .spinner: Styles for the loading spinner.
    • @keyframes spin: Keyframes for the spinner rotation animation.
    • .modal-content: Styles for the modal content container.
    • .loading-text: Styles for the loading text.
    Index

    Accessors

    modalContainerStyle modalContentStyle spinnerContainerStyle loadingTextStyle

    Constructors

    constructor

    Properties

    isVisible backgroundColor? displayColor? overlayStyle? contentStyle? spinnerStyle? textStyle? customTemplate?

    Accessors

    Constructors

    Properties

    isVisible: boolean = false
    backgroundColor?: string = 'rgba(0, 0, 0, 0.5)'
    displayColor?: string = 'white'
    overlayStyle?: Partial<CSSStyleDeclaration>
    contentStyle?: Partial<CSSStyleDeclaration>
    spinnerStyle?: Partial<CSSStyleDeclaration>
    textStyle?: Partial<CSSStyleDeclaration>
    customTemplate?: TemplateRef<any>

    Settings

    Member Visibility

    On This Page

    Accessors
    Constructors
    Properties