Evolución de los objetos de formulario

Para que pueda crear las interfaces más atractivas, seguimos mejorando los objetos de formularios. Desde 4D v19 R6, puede definir un borde redondeado para los objetos de formulario de tipo texto estático y texto de entrada.

Con 4D v20, nuevas posibilidades están disponibles.

• Para botones, botones radio y casillas de verificación, hemos añadido nuevos parámetros para el texto y el icono.
• Para los botones radio y casillas de verificación, el número de estados del icono se ha mejorado para permitir una mejor representación para el usuario final.

Ejemplo IDH

Posición del texto y del icono

Alineación del texto

La propiedad «Alineación del texto» se aplica ahora a los botones, botones radio y casillas de verificación. Puede definir la alineación del texto con la lista de propiedades, CSS y el comando OBJECT SET HORIZONTAL ALIGNMENT.

Lista de propiedades:

Ejemplo CSS:

.align {
    textAlign : derecha;
}

Ejemplo de código:

Al comando OBJECT SET HORIZONTAL ALIGNMENT se le puede pasar una de las tres constantes Align left, Align right y Align center.

OBJECT SET HORIZONTAL ALIGNMENT (*; "botón"; Align center)

imagen pegada al título

Se añade la nueva propiedad «Image hugs title» para botones, botones radio y casillas de verificación.

Cuando el valor de esta propiedad es false, la imagen se posiciona según la propiedad «Title/ImagePosition» en el borde del botón. Cuando el valor de esta propiedad es true, la imagen se posiciona directamente adyacente al título según la propiedad «Title/ImagePosition».

Esta propiedad puede definirse con la lista de propiedades, CSS y el comando OBJECT SET FORMAT.

Lista de propiedades:

Ejemplo CSS:

.hug {
    imageHugsTitle : false;
}

Ejemplo de código:

Para dar formato a los botones, con el comando OBJECT SET FORMAT pase una cadena que respete la siguiente sintaxis: «title; picture; background; titlePos; titleVisible; iconVisible; style; horMargin; vertMargin; iconOffset; popupMenu; hyperlink; numStates; imageHugsTitle«. Si no desea modificar un valor, no necesita pasarlo.

Para cambiar sólo la propiedad imageHugsTitle:

OBJECT SET FORMAT (*; "botón"; ";;;;;;;;;;;;;0")

Resultado

Aquí hay diferentes ejemplos de lo que podemos conseguir:

Número de estados de los iconos

Para botones radio y casillas de verificación, antes de 4D v20, puede definir un icono de cuatro estados para los estados True, False, Rollover y Disable.

Para una mejor experiencia del usuario final, en algunos casos, necesita que el estado de rollover o deshabilitar considere el estado True o False. Así que ahora, puede utilizar un icono con 2 estados hasta 6 estados.

Siguiente…

Consulta esta funcionalidad con el IDH y la documentación para obtener más detalles. Y como siempre, esperamos sus comentarios.