Alerta modal

Crea un aviso que alerte a los usuarios acerca de algo importante y que les solicite que realicen la acción adecuada antes de cerrar la ventana de alerta.

Propiedades de configuración

En Configuración, establezca o modifique las propiedades de aspecto y comportamiento de la vista.

Tamaño de pantalla: Una propiedad de configuración que tenga el icono Tamaños de pantalla junto al nombre de propiedad puede tener distintos valores para cada tamaño de pantalla. Si no define un valor, el tamaño de la pantalla hereda el valor del siguiente tamaño de pantalla más grande como valor predeterminado.

Definiciones de temas: Las definiciones de temas especifican los colores y los estilos de una vista y determinan su aspecto. Puede obtener una vista previa del aspecto de las vistas en el editor de temas. Consulte Temas.

En la tabla siguiente se muestran las propiedades de configuración del aspecto de la vista Alerta modal.

Tabla 1. Propiedades de configuración de aspecto para Alerta modal
Propiedad de configuración del aspecto	Descripción	Tipo de datos
Estilo de color	Especifica el color y el icono para la alerta modal. Los colores corresponden a variables en el tema especificado.	`String`
Etiqueta de botón	La etiqueta del botón dentro de la alerta modal. La etiqueta predeterminada es `OK`.	`String`
Ayuda	El texto que se visualiza en la alerta. Puede utilizar las etiquetas HTML básicas, por ejemplo `<b></b>`. Nota: Esta propiedad se encuentra en la pestaña de propiedades General .

Ejemplo

A modo de ejemplo, imagine que desea que se muestre un dialogo de advertencia que el usuario debe cerrar para poder volver a la pantalla principal. Normalmente, el dialogo se cargaría mediante programación, pero para esta generalmente utilizará un botón para iniciar el cuadro de diálogo.

Abra el servicio de usuario del lado del cliente con el que está trabajando.
En la Página de inicio de la IU, arrastre una vista Alerta modal y una vista Botón al editor.
Seleccione la vista Alerta modal en el lienzo y pulse Propiedades para establecer las propiedades de la vista:
- En Configuración > Aspecto, establezca Estilo de color en Avisoy especifique Close para la Etiqueta de botón.
- En General, escriba el texto siguiente en el campo Ayuda :
```
This text appears inside the <b>Modal alert</b>
```
- En Visibilidad, establezca la visibilidad en Oculto.
Seleccione la vista Botón y pulse Propiedades ) para establecer las propiedades de la vista:
- En General, especifique Alert como etiqueta de botón.
- En Configuración > Aspecto, establezca Estilo de color en Aviso y el ancho en 100%.
- En Sucesos, configure el suceso al pulsar de forma que la alerta modal se cargue al pulsar el botón. Escriba el siguiente código en el suceso al pulsar:
```
${Modal_Alert1}.setVisible(true);
```
  Sugerencia: Modal_Alert1 es el ID de control de la vista Alerta modal que ha creado. Para obtener el ID de control, vaya a la página Configuración > General .
En tiempo de ejecución, se abre un navegador que muestra el botón Alerta:
Pulse el botón Alerta . Aparece la alerta modal:
Pulse Cerrar. Se cerrará la alerta modal.

Sucesos

Establezca o modifique los manejadores de sucesos para la vista en las propiedades de Sucesos. Puede establecer que los sucesos se activen mediante programación o cuando un usuario interactúe con la vista. Para obtener información sobre cómo definir y codificar sucesos, consulte Sucesos definidos por el usuario.

La vista Alerta modal tiene los siguientes tipos de manejadores de sucesos:

. Activado cuando se carga la página. Por ejemplo:
```
me.setVisible(true)
```
Se activa cuando se pulsa el botón de alerta modal. Por ejemplo:
```
${Text}.setText("Modal alert is closed")
```
. Se activa cuando se abre la alerta modal, por ejemplo
```
me.setText("Modal alert is open...");
```

Métodos

Para obtener más información sobre los métodos disponibles, consulte la API de Alerta modal JavaScript .

Recursos adicionales

Para obtener información sobre cómo crear un coach o una página, consulte Creación de coaches.
Para obtener información sobre las propiedades estándar (General, Configuración, Posicionamiento, Visibilidady Atributos HTML), consulte Ver propiedades.