Las posibilidades que ofrece Velneo para el desarrollo de la interfaz de tus aplicaciones es muy elevado. Si además de todo lo que trae la plataforma le unimos las posibilidades que ofrece la integración de QML y el control visor HTML, nos encontramos que los límites se disipan entre tantas posibilidades. En este artículos veremos como implementar un control de edición de etiquetas en Velneo.
Es cierto que los controles que la plataforma trae por defecto son mucho más Life is Soft que crear controles QML o con HTML, pero no es menos cierto que en Internet podemos encontrar controles, plantillas y recursos que nos ayudan a mejorar la interfaz de nuestras aplicaciones de forma más cómoda y rápida.
Ejemplo de formulario con control de edición de etiquetas
Esta vitamina es un ejemplo de las posibilidades que ofrece el control visor HTML para añadir a nuestros formularios controles que Velneo no incluye en su galería de objetos o controles.
Vídeo que explica como incluir un control de edición de etiquetas en Velneo
Para los amantes de Life is Soft
Te dejo el enlace de descarga de la instalación de la solución controlTag que contiene todos los objetos explicados en esta vitamina totalmente operativos para que los pruebes o uses directamente heredándolo en tus aplicaciones.
Por razones de seguridad, el fichero de instalación .vin lo descargarás comprimido en formato zip. Debes descomprimirlo para obtener el fichero con extensión «.vin».
Recuerda que este fichero de instalación está creado con la versión 7.14, por lo que necesitas instalarlo en un vServer que tenga esa versión o una superior.
Descargar controlTag_1_1_714_vin
Actualizado
Cuando publiqué la versión 1.0 comentaba que esta vitamina funcionaba bien en Windows, pero no en Linux y Mac. La versión 1.1 ya funciona correctamente en todas las plataformas. El motivo por el que no funcionaba correctamente era que el controlHtml usa ficheros externos que van adjuntos en la aplicación y en el segundo parámetro de la función setSourceCode con la que se añade el HTML al control se especifica el directorio de caché de la aplicación, sin embargo, eso funcionaba bien Windows pero no el resto de sistemas. Para garantizar la compatibilidad multiplataforma es necesario añadir el prefijo «file:///» (con tres barras) tal y como se muestra en el siguiente código.
// Cambiar el HTML del control
control.setSourceCode( html, "file:///" + theApp.clientCachePath() );
Héctor Santoveña dice
Muy buena vitamina Jesús!! En cuanto subsanes el tema de la multiplataforma haré uso de ella.
Un saludo.
jarboleya dice
Gracias Héctor.
jarboleya dice
Hola Héctor.
Ya he actualizado la aplicación a la versión 1.1 con total compatibilidad multiplataforma, como comento en el artículo actualizado.
Saludos.
Mario dice
Muy bueno Jesús!!
jarboleya dice
Gracias Mario.
Antonio vela dice
Conozco a más de uno que están en las farmacias buscando más vitaminas ‘V’
Gracias!!
Un saludo.
jarboleya dice
Gracias Antonio.
Julio Hoyos dice
Simplemente gracias…!!!
jarboleya dice
Gracias Julio.
veldevelop dice
Genial. Muchísimas gracias por hacer lo difícil fácil
jarboleya dice
Gracias Veldevelop.
Zenón Burgos dice
Hola Jesús, por qué me dar el error: file:///C:\Users\Zenon\Velneo\scripts\c8.velneo.com_4830\3y9bngvf.vca\qml/articulos.qml:5:1: el módulo QtQuick no está instalado
jarboleya dice
Mira este artículo
https://velneo.es/adios-qml1/
Zenón Burgos dice
Resuelto, gracias Jesús
Carlos morandin dice
Hola, Jesús. instalé el ejemplo y cuando quiero buscar tags me dice el modulo qtquick no instalado. estoy con windows. Gracias ! Carlos
jarboleya dice
Este es un control HTML, no tiene nada que ver con el mensaje.
Seguramente habrá algún formulario o lista QML. Mira esto https://velneo.es/foros/topic/migrar-componentes-qml1-a-qml2/