Casilla
¿Qué hace este widget?
Con el widget de Casilla, se selecciona una opción.
¿Cuándo se aconseja utilizar este widget?
Casos de uso de una casilla:
• Para que el usuario de la experiencia tenga varias opciones.
• Para proporcionar al usuario de la experiencia una lista de comprobación. Por ejemplo, si un técnico de reparación debe cumplir una serie de requisitos antes de empezar a reparar una máquina, se utilizan casillas para asegurarse de que el técnico los cumpla.
• Para presentar al usuario una opción o propiedad que se pueda activar o desactivar.
¿Hay propiedades, servicios, eventos o acciones especiales?
Para ver una lista de propiedades, servicios y eventos comunes de widgets, consulte Propiedades, servicios y eventos comunes de widgets.
|
Evento
|
JavaScript
|
Descripción
|
|---|---|---|
|
Selección anulada
|
deselected
|
Se activa al anular la casilla.
|
Widget en acción
A continuación se ofrece un ejemplo del aspecto que puede tener el widget.
|
Pasos mínimos para utilizarlo
|
Aspecto
|
|---|---|
|
1. Arrastre un widget de Casilla y suéltelo en el lienzo. En este ejemplo, se añaden cuatro casillas al lienzo.
2. En el campo Etiqueta, escriba una etiqueta o el texto que se mostrará en la casilla. En este ejemplo, se han especificado nombres de productos de PTC.
|
 |
Aplicar estilos al widget con CSS
CSS puede utilizarse para aplicar estilos al widget. A continuación se muestra un ejemplo de una clase de CSS que se puede crear y aplicar:
 |
Es aconsejable asignar nombres exclusivos a las clases; de este modo, no entrarán en conflicto con otras clases ni con propiedades de OOTB.
|
|
Ejemplo de CSS
|
Aspecto
|
|---|---|
.ptc-checkbox {
|
 |
Para obtener más información sobre cómo implementar clases de CSS, consulte Estilos de aplicación.