Facile Form

Realizar formularios en Joomla con Facile Forms[pic]
Facile Forms facilita enormemente la creación de formularios en Joomla, lo que ayuda a personalizar el sitio web adaptándolo de esta manera a nuestras necesidades. A continuación explicaremos brevemente cómo usar esta solución en nuestro portal Joomla.
INSTALANDO FACILE FORMS
Descargaremos del sitio http://www.facileforms.biz/ el componente,el módulo, el mambot y la traducción al castellano. Todo está disponible en la sección Downloads
Una vez descargados los paquetes (formato .zip), procederemos a su instalación desde el backend usando el menú Instaladores. En las figuras 1 y 2 se pueden visualizar las instalaciones y los mensajes recibidos.
[pic]
Figura 1
[pic]
Figura 2
El siguiente paso es publicar el módulo y el mambot.Nos dirigimos a los menús “Módulos –> Módulos del sitio” y “Mambots –> Administrador de Mambots”. Buscamos la referencia a Facile Forms y encontraremos que tanto el módulo como el mambot están desactivados. Publicaremos con un clic de ratón (Figura 3: Activando módulo y mambot).
[pic]
Figura 3
Pulsamos las pestañas “Componentes –> Facile Forms –> Configuration” y accedemos al siguienteformulario:
[pic]
Figura 5
Activamos la opción de “Nueva instalación”. Si deseáramos contar con datos de ejemplo o mantener la compatibilidad con formularios de versiones anteriores, marcaríamos las dos últimas opciones.
Salvamos, pulsamos siguiente en el mensaje que aparece y accedemos a la siguiente pantalla:
[pic]
Figura 6
La primera opción está marcada en “NO”. De esta manera se usará eldireccionamiento relativo
La segunda opción permite previsualizaciones. La tercera opción se refiere al aspecto de la parrilla donde realizaremos el formulario.
Las siguientes opciones (tres) vienen optimizadas por defecto. Las opciones 7 y 8 configuran el aspecto por defecto de las áreas de texto (pequeñas, medianas y grandes) Por último, introduciremos nuestro email (para notificaciones) y las rutasde subida de imágenes y archivos.
Salvamos, volviendo de esta forma al backend.
CREANDO UN FORMULARIO NUEVO
• Nos dirigimos a la pestaña “Componentes –> Facile Forms –> Manage Forms”
• Pulsamos “Nuevo” para crear un formulario
• Accedemos a un formulario con pestañas. De momento completamos algunos campos (Figura 7) como el Título, el nombre por el que lo identificará el sistema,altura, anchura, etcétera
[pic]
Figura 7
• Una vez hemos terminado, salvamos. Nos aparece ahora un enlace para acceder al nuevo formulario. Lo pulsamos y podremos visualizar la parrilla vacía (Figura [pic]
[pic]
Figura 8
• Vamos a insertar en la parrilla un cuadro “input” de texto con su correspondiente etiqueta. Primero, crearemos el input y lo colocaremos enla parrilla; después, la etiqueta
[pic]
Figura 9: Seleccionamos el tipo de input: texto
[pic]
Figura 10
Datos a cumplimentar:
- Nombre por el que identificaremos el elemento en el backend (es útil utilizar un nombre preparado para presentar en algún informe (por ejemplo, valdría “Nombre de empresa” y no “empr_nom”) ya que al final de este post lo usaremospara presentar un resumen)
- Nombre (html) del input (como es un elemento de texto lo nombraré con el prefijo txt_ )
- Ojo con la anchura (width) y con el máximo de caracteres permitidos (max. length)
- Si quisiéramos que este elemento tuviera algún valor predeterminado, lo indicaríamos en Value
Una vez terminado, salvamos.
Para la etiqueta (texto que precederáal input en el formulario), haremos lo mismo: Pulsamos “Nuevo”, seleccionamos “Static/Text HTML”
[pic]
Figura 11
- Insertamos el nombre para identificar este elemento en el backend
- Insertamos el nombre html de este elemento
- Insertamos su valor (el texto que aparecerá en el formulario)
- Salvamos
• Siempre que salvemos, volveremos a la parrilla....