¿Cómo cambiar el color del fondo del cuadro de diálogo del tapete angular?

Mark Latin

¿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.

ingrese la descripción de la imagen aquí

#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);
        }
      }
    });
  }
Apoorva Chikara

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

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

¿Cómo cambiar el color de fondo del cuadro de diálogo emergente "... Le gustaría acceder a sus fotos"?

Cambiar el color de fondo del cuadro de diálogo PreferenceFragmentCompat en Android

¿Cómo cambiar el color del texto en el cuadro de diálogo Aurelia?

Cómo cambiar el color del cuadro de diálogo DatePicker para Android 5.0

El título del cuadro de diálogo del tapete no expande el ancho del contenedor

cambiar el color de fondo del cuadro desplegable

Cómo cambiar el color de fondo del cuadro de texto interno de DatePicker

Cómo cambiar el color de fondo del cuadro en Tkinter con una acción

Cómo cambiar el color de fondo del cuadro en tkinter (python)

eliminar el fondo del cuadro de diálogo de progreso

¿Cómo cambiar el color de la etiqueta paso a paso del tapete de material angular?

¿Cómo cambiar el color del icono del tapete cuando se enfoca en el campo de entrada del tapete?

¿Cómo cambiar el color de fondo del texto escrito anteriormente del cuadro de entrada en CSS?

¿Cambiar el ancho del cuadro de diálogo 'Referencias'?

¿Cómo cambiar el mensaje de sobrescritura del cuadro de diálogo "asksaveasfile"?

Cómo cambiar el título del cuadro de diálogo JFileChooser

Cuadro de diálogo Unix: cómo cambiar el texto del botón

Cómo cambiar el color de fondo del encabezado adhesivo en el desplazamiento en angular 11

Cómo cambiar correctamente el fondo del botón positivo del diálogo de material diseñado

¿Cómo cambiar el color del botón del icono del tapete angular según la condición?

¿Cómo cambiar el color del texto de la vista de lista en el cuadro de diálogo de alerta usando el estilo en Android?

Cambiar el color del texto del elemento seleccionado del cuadro de lista de WPF y el color de resaltado / fondo con C #

Cómo evitar el desbordamiento del fondo cuando se abre el teclado (en el cuadro de diálogo de alerta)

Spinner volviendo al cuadro de diálogo del tapete

Cambiar el color de fondo del cuadro de texto según el valor del cuadro de texto

¿Cómo descartar el cuadro de diálogo haciendo clic fuera del cuadro de diálogo?

¿Cómo cambiar el fondo del cuerpo o el color de fondo en el cambio de ruta angular 4?

Angular 5 y material: cómo cambiar el color de fondo del componente SnackBar

angular-nvd3 cómo cambiar el color de fondo del gráfico

TOP Lista

  1. 1

    ¿Cómo ocultar la aplicación web de los robots de búsqueda? (ASP.NET)

  2. 2

    Kibana 4 , making pie chart , error message

  3. 3

    Manera correcta de agregar referencias al proyecto C # de modo que sean compatibles con el control de versiones

  4. 4

    récupérer les noms de clés depuis Firebase react-native

  5. 5

    OAuth 2.0 utilizando Spring Security + WSO2 Identity Server

  6. 6

    Cómo eliminar o caducar las cookies en Chrome usando asp.net

  7. 7

    desbordamiento: oculto no funciona al hacer zoom en un iframe de YouTube usando transformar

  8. 8

    Cómo extraer una palabra clave (cadena) de una columna en pandas dataframe en python

  9. 9

    Link library in Visual Studio, why two different ways?

  10. 10

    선언되지 않은 유형 'MessagingDelegate'사용

  11. 11

    actualizar el contenido de la vista de reciclaje falla en la hoja inferior

  12. 12

    Ver todos los comentarios en un video de YouTube

  13. 13

    Problema con la vista de impresión de PDF

  14. 14

    ¿Cómo pintar el Dropline de un RowHeader-JTable en el Main-JTable durante un DragAndDrop?

  15. 15

    Pregunta de fórmula de desplazamiento y transposición de Excel / Google Sheets

  16. 16

    ¿Cómo puedo hacer accesible la información de color en tablas HTML?

  17. 17

    ¿Cómo generalizar el JSON en el procedimiento almacenado?

  18. 18

    Recortar fotos rectangulares de escaneos en OpenCV con Python

  19. 19

    2D 배열에 대한 Numpy 요소 별 평균 계산

  20. 20

    Typescript의 "window"전역 개체에 "adsbygoogle"애드 센스 속성을 추가하는 방법은 무엇입니까?

  21. 21

    Error: la ejecución falló para la tarea ': app: compileDebugJavaWithJavac'. java.io.FileNotFoundException:

CalienteEtiquetas

Archivo