¿Cómo cambiamos el fondo o es un color de fondo detrás del diálogo? lo mismo con la imagen de abajo.
Como puede ver, cuando se activa el cuadro de diálogo, debería cambiar el fondo / telón de fondo como en la imagen de ejemplo, ¿alguna idea de cómo lograr esto? como puede ver, está un poco borroso.
#Código
activateUserDialog(status:string) {
const dialogRef = this.dialog.open(UserActivationDialogComponent, {
height: '288px',
width: '600px',
disableClose: true,
data: {
status: status,
}
});
dialogRef.afterClosed().subscribe(result => {
if (result) {
if(status !== "Deactivated") {
this.ActivateUserProfileStatus(this.data.id);
}else {
this.DeactivateUserProfileStatus(this.data.id);
}
}
});
}
Puede agregar la clase a su diálogo y aplicar el estilo:
activateUserDialog(status:string) {
const dialogRef = this.dialog.open(UserActivationDialogComponent, {
height: '288px',
width: '600px',
disableClose: true,
backdropClass: 'userActivationDialog' // add this line
data: {
status: status,
}
});
dialogRef.afterClosed().subscribe(result => {
if (result) {
if(status !== "Deactivated") {
this.ActivateUserProfileStatus(this.data.id);
}else {
this.DeactivateUserProfileStatus(this.data.id);
}
}
});
}
En tu style.css
.userActivationDialog {
// add css here //change the color
background-color: blue;
}
Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.
En caso de infracción, por favor [email protected] Eliminar
Déjame decir algunas palabras