Componentes avanzados

Elemento HTML

Puede usar el elemento HTML para mostrar un solo elemento HTML en su formulario y configurarlo según su caso de uso.

Nota: habilita la propiedad Deshabilitar saneamiento dentro de la actividad Crear formulario para mostrar todo el contenido no seguro dentro de un elemento HTML.

• Etiqueta HTML : la etiqueta del elemento HTML.
• Clase CSS : la clase CSS que se puede añadir para este elemento HTML. Puede introducir varias clases separándolas con espacios simples.
• Atributos : los atributos del elemento HTML. Solo se permiten atributos seguros, como: src, hrefy title.
• Contenido : el contenido del elemento HTML.
• Actualizar al cambiar : vuelve a representar el elemento HTML cada vez que cambia un valor en el formulario.

Para mostrar formularios de imágenes, es necesario utilizar el componente Elemento HTML . Consulta el siguiente tutorial Visualización de imágenes.

En el caso de los archivos PDF, solo puede mostrarlos al crear un formulario HTML personalizado.

Contenido

Puedes utilizar el componente de Contenido para añadir información en tu formulario, es decir, solo para mostrar. El valor del componente no se devuelve al flujo de trabajo.

• Actualizar al cambiar : representa el componente de Contenido cada vez que cambia un valor del formulario.

Correo electrónico

Tipo de datos: String

Puede utilizar el componente Correo electrónico para añadir un campo para introducir direcciones de correo electrónico.

Url

Tipo de datos: System.Uri

Puedes usar el componente URL para añadir un campo para introducir direcciones URL, asegurándote de que tengan el formato correcto.

Número de teléfono

Tipo de datos: String

Puede utilizar el componente Número de teléfono para añadir un campo para introducir números de teléfono.

• Máscara de entrada : proporciona un formato predefinido para el número de teléfono. Para el campo de número de teléfono, el formato predeterminado es [phone].
• 9 - numérico
• a - alfabético
• ** \* ** - alphanumeric
• Carácter del marcador de posición de lamáscara de entrada : puedes utilizar un carácter como marcador de posición en el campo. Para

  Por ejemplo, puede utilizar un guion (-).

Nota: El carácter del marcador de posición se reemplaza por un espacio si se usa dentro de la máscara.

Fecha/hora

Tipo de datos: String

Puede utilizar el componente Fecha / Hora para introducir fechas, horas o ambos.

• Formato : el formato utilizado para mostrar el valor de fecha y hora.
• Habilitar entrada de fecha : permite a los usuarios introducir fechas para este campo.
• Usar entrada para agregar moment.js para FechaMín : permite al usuario usar una entrada para la función del momentominDate , en lugar de un calendario.
• Usar calendario para establecer la FechaMín : permite al usuario usar un calendario para configurar el minDate.
• Usar entrada para agregar moment.js para FechaMáx : permite usar una entrada para la función momento maxDate , en lugar de un calendario.
• Usar calendario para establecer la FechaMáx : permite al usuario usar un calendario para configurar el maxDate.
• Deshabilitar fechas específicas o fechas por intervalo : agregue las fechas que desea prohibir. Por ejemplo, 2027-08-11.
• Fechas deshabilitadas personalizadas : te permite prohibir ciertas fechas usando una función personalizada.
• Deshabilitar fines de semana : le permite prohibir los fines de semana.
• Deshabilitar los días laborables : le permite prohibir los días laborables.
• Habilitar entrada de hora : permite a los usuarios introducir la hora en este campo.
• Tamaño de paso de hora : el número de horas que hay que incrementar o reducir en el selector de tiempo.
• Tamaño de paso de minuto : el número de minutos que hay que incrementar o reducir en el selector de tiempo.
• Formato de 12 horas (AM / PM) : muestra la hora en periodos de 12 horas, usando AM o PM.
• Fecha predeterminada : establece el valor predeterminado en una fecha específica mediante funciones Moment.js . Por ejemplo, puedes utilizar la siguiente función: moment().substract(10, 'days').
  
  

  

  
  

Día

Tipo de datos: System.DateOnly

Puede utilizar el componente Día para solicitar el Día, elMesy el Año, ya sea a través de un campo de tipo numérico o de tipo seleccionado.

• Tipo / Tipo de entrada : elige dar entrada para Día, Mes o Año escribiendo un número o seleccionando opciones de una lista desplegable.

Año mínimo / máximo : elige el año mínimo / máximo que se puede introducir.

• Requerir día : el campo Día debe rellenarse antes de que se represente el formulario.
• Mes obligatorio: el campo del Mes debe rellenarse antes de que se represente el formulario.
• Requerir año : el campo Año debe rellenarse antes de que se represente el formulario.
• Día máximo / mínimo : elige un día mínimo / máximo que se puede introducir. También puede usar las funciones de Moment.js . Por ejemplo, puedes utilizar moment().add(10, 'days').
  
  

  

  
  

Hora

Tipo de datos: System.TimeOnly

Puede utilizar el componente Hora para introducir la hora en diferentes formatos.

• Tipo de entrada : selecciona el tipo de widget que te gustaría usar para introducir la hora: Entrada de hora HTML5 (los usuarios pueden elegir la hora desde un panel determinado) o Entrada de texto con máscara (los usuarios pueden introducir la hora manualmente).

Moneda

Tipo de datos: System.Double

Puede utilizar el componente Moneda para mostrar importes financieros utilizando una determinada moneda. El componente tiene una máscara de entrada que muestra el icono de moneda y agrega comas automáticamente en función del número que introduzca el usuario. El componente permite dos valores decimales.

• Moneda : elige una moneda determinada de la lista desplegable.

Estudio

Tipo de datos: System.Collections.Generic.Dictionary<System.String,System.String>

Puede utilizar el componente Encuesta para permitir a los usuarios responder a varias preguntas eligiendo solo un valor de una lista.

• Preguntas : añade las preguntas que los usuarios deben responder.
• Valores : añade las opciones que el usuario puede seleccionar por pregunta.