Este artículo muestra cómo de sencillo es utilizar Web Components de terceros en la parte de visualización de cualquier página.
La parte de edición, para ser integrada en PHPRunner es más compleja, pero en el siguiente artículo vamos a realizar algunos ejemplos, aunque soy consciente de que para los usuarios que son noveles en PHPRunner va a ser más difícil, si no hay alguien que le facilita la labor, escribiendo plugins de PHPRunner, que facilita su utilización. Voy a realizar un ejemplo, para ver si alguien se anima a construirlo para el colectivo de usuarios, porque yo no dispongo de tiempo para hacer esta labor.
Los Web Components que voy a utilizar el el ejemplo son los de Awesome. Seguro que hay otros muchos, pero estos, tienen buena documentación y son sencillos de utilizar.
Objetivo
Utilizar web components de Awesome para mostrar en un ejemplo básico cómo se pueden utilizar estos para variar el interface / UI de usuario de una aplicación de PHPRunner. En este caso vamos a modificar la visualización de contenidos.
Antes de entrar en la codificación, se ha hecho un ejemplo de HTML, para ver la sencillez de utilización de estos componentes. Los podéis revisar y para ver qué se ha escrito, podéis «ver el código fuente de la página» para que observéis lo simple que es.
DEMO: https://fhumanes.com/web_components/
La integración con PHPRunner se ha hecho cambiando la visualización de 2 campos:
- Campo «Status», que es un campo de tipo checkBox y se muestra cómo Switch
- Campo «Images», que muestra como Carrousel de miniaturas y de tamaño completo.
DEMO: https://fhumanes.com/wc_test1/
Si te interesa este artículo, sigue leyéndolo en este enlace.