Sunday, May 29, 2016

Multiple non modal dialogs in Angular Material

Useful while panel not released (https://material.angularjs.org/HEAD/api/service/$mdPanel)

CSS to prevent modality:

.md-dialog-container {
    pointer-events: none;
}
md-dialog {
    pointer-events: all;
}

Dialog options:

{
/* Don't close this dialog when opening a new one */
    skipHide: true, 
/* Don't do the darkening of the whole screen */
    hasBackdrop: false 
}

References

No comments:

Post a Comment