Crear Formularios en Joomla con Fabrik

Fabrikar.com

HACER FORMULARIOS EN JOOMLA DE MANERA FÁCIL CON FABRIK Ahora disponemos de un componente para instalar en joomla y poder crear fácilmente formularios sin depender de ninguna dirección externa.

URL: http://fabrikar.com/downloads Elegimos el componente fabrik 2.1.,1 (para la versión 1,5 de joomla, que es la que actualmente tenemos en nuestros portales de centro).

Y pulsamos sobre el botón Descargar

Guardamos el archivo comprimido (.zip) en nuestro ordenador, que será el componente a instalar en joomla.

Matilde Fernández León

1

Fabrikar.com

Entramos en Joomla (parte de administración). Ej: http://nombre_portal/administraor Y accedemos al menú Extensiones/Instalar o Desinstalar

En el recuadro “Subir paquete” buscamos el archivo zip que hemos descargado anteriormente y por último botón “Subir archivo e instalar”.

Nos saldrá un mensaje de éxito si nuestro componente no ha tenido ningún error en la instalación.

Matilde Fernández León

2

Fabrikar.com

Si accedemos a la lista de componentes instalados en Joomla, entre ellos tendremos nuestro componente Fabrik Instalado.

Ahora toca acceder al mismo para empezar a crear nuestros formularios.

Accedemos al menú Componentes/Fabrik; y bien sobre su submenú elegimos la opción Formularios, o la elegimos del panel de control que aparece al pular sobre el componente.

Matilde Fernández León

3

Fabrikar.com

Pinchando sobre el bot贸n nuevo formulario accedemos a la pantalla donde estableceremos las opciones para el nuevo formulario:

Matilde Fern谩ndez Le贸n

4

Fabrikar.com

Datos del Formulario, tales como nombre de la etiqueta o descripción del mismo.

Botones, para activar o desactivar distintas opciones Procesamiento de formulario, donde debemos activar la casilla “Grabar en la base de datos”. El nombre de la tabla se crea automáticamente con el mismo nombre del formulario al crear éste.

También se crear automáticamente y con el mismo nombre el grupo asignado a nuestro formulario, aunque ya veremos que el grupo a asignar se puede cambiar.

Activando la casilla “Validación de Ajax” , te permitirá hacer validaciones en tiempo real. Por ejemplo validación de que el campo no esté vacío o que el dato ingresado no exista en la base de datos.

También podemos completar el mensaje que se activará cuando se complete el formulario con éxito.

Matilde Fernández León

5

Fabrikar.com

En la columna de la derecha de la misma pantalla de creación de un formulario nuevo tenemos las siguientes pestañas:

La primera para poder grabar el formulario y fechas relativas a su creación o publicación.

Matilde Fernández León

6

Fabrikar.com

Como se ha dicho el grupo se crea automรกticamente al crear el formulario, aunque se puede asignar el mismo a grupos ya creados

Matilde Fernรกndez Leรณn

7

Fabrikar.com

Podemos elegir entre una serie de plantillas predeterminadas, las cuales permitirán la personalización del mismo.

Y por último la pestaña opciones:

Matilde Fernández León

8

Fabrikar.com

Donde asignaremos el formulario a una Categoria/Sección, previamente creada en joomla, para facilitar su búsqueda posterior.

Una vez rellenas estas pestañas ya está creado nuestro formulario. El siguiente paso es ir añadiendo los campos o elementos al mismo (campos, botones, etc). Para ello accedemos a la pestaña “elementos” del panel de control. O a la opción de menú “elementos” de Componentes/Fabrik/Elementos.

Para crear un nuevo elemento pulsaremos en el botón nuevo elemento:

Por defecto, aparecen creados los elementos “id” y “date_time”

Matilde Fernández León

9

Fabrikar.com

Ponemos un nombre identificativo del elemento y una etiqueta, que será el nombre que se verá en el formulario. (recomendable ponerle : al final de cada etiqueta; no utilizar espacios en blanco ni símbolos raros).

En Grupo, seleccionamos el grupo al cual pertenece el elemento. Si es el primer formulario que creas entonces debería aparecer sólo una opción, si no te aparece ninguna opción es porque no marcaste la opción “crear grupo con el mismo nombre del formulario”, en el momento de crear el formulario. Puedes crearlo accediendo al menú Componentes/Fabrik/Grupos.

En la opción “Ordenar” al principio no te aparecerá nada, pero una vez salvado el elemento y agregado otros, puedes volver a editar el elemento y te permitirá seleccionar la posición en el formulario.

En tipo de elemento deberás seleccionar: Fabrik ofrece una amplia gama de elementos de campos simples menús desplegables que se ven los datos de las tablas de bases de datos. La mayoría de los elementos que le permiten disponer valores comunes, tales como su valor por defecto, el tamaño, y si están ocultos.

Campos de texto: (Text fields) Quizás el tipo de elemento más utilizado. Fabrik le permite grabar datos como texto, números o caracteres alfanuméricos. Los campos pueden ser asignados como los campos de contraseña, sólo lectura o con discapacidad. Áreas de Texto: (Text areas) Matilde Fernández León 10

Fabrikar.com

Las áreas de texto permiten pedazos más grandes de texto para ser recogidos. Se puede definir como áreas de texto simple o como editores de texto WYSIWYG. Hay una opción disponible para limitar la longitud del texto introducido, y para mostrar el número de caracteres restantes.

Los botones de radio: (Radio buttons) Los botones de radio dan a sus usuarios la posibilidad de elegir entre uno de una serie de opciones. Un número ilimitado de opciones se pueden crear y reordenar a través de una interfaz de arrastrar y soltar. Los valores de opción y las etiquetas se pueden introducir y seleccionar una opción por defecto. Las opciones se muestran en una cuadrícula, para lo cual se puede definir el número de columnas.

Casillas de verificación: (Check boxes) Las casillas de verificación, son similares a los botones de radio, con la excepción de que da a sus usuarios la opción de seleccionar varias opciones. Una vez más, un número ilimitado de opciones se pueden crear y reordenar a través de una interfaz de arrastrar y soltar. Los valores de opción y las etiquetas se pueden introducir, y seleccionar algunas opciones por defecto. Las opciones se muestran en una cuadrícula, para lo cual se puede definir el número de columnas.

Menús desplegables: (Drop downs) Menús desplegables le permiten crear tanto una única lista de selección o múltiples listas. Las funciones para crear y mostrar menús desplegables son los mismos que los de las casillas de verificación.

Bases de datos se une a:(Database joins) Quizás el elemento más útil y versátil. Este elemento le permite crear, ya sea botones o menús desplegables, cuyos datos se obtienen de una tabla de base de datos existente. Por ejemplo, puede crear una lista desplegable de los usuarios de su sitio (mediante la conexión a la tabla jos_users), o crear unos botones de selección para seleccionar uno de los artículos de su sitio (mediante la conexión a la tabla jos_content).

Base de datos se une a..., al igual que las tablas de Fabrik, puede conectarse a cualquier base de datos definida por una conexión de Fabrik, y sus resultados se pueden filtrar por una cláusula en donde - por ejemplo, puede filtrar la lista de artículos para mostrar únicamente los que se publican o en un sector determinado .

Carga de archivos: (File uploads) Este elemento proporciona a sus usuarios la posibilidad de cargar archivos a su servidor cuando se envía el formulario. Puede restringir el subir a un lugar determinado en el servidor y un tamaño de archivo determinado y el tipo. Los archivos de imágenes pueden tener miniaturas, y se almacenan en un lugar separado. Los archivos cargados también puede enviarse por correo electrónico al destinatario del formulario si así lo desea.

Imágenes: (Images) Imágenes le permite mostrar imágenes en sus formas, y también permite a los usuarios seleccionar una imagen dentro de una carpeta determinada.

Matilde Fernández León

11

Fabrikar.com

Mostrar texto: (Display text) Ver el texto le permite introducir texto en el formulario, se utiliza a menudo para dar instrucciones a sus usuarios acerca de cómo utilizar los elementos posteriores del formulario.

Nombre de Usuario: (Username). Field Este elemento le permite capturar una serie de variables relacionadas con el usuario que ha enviado el formulario. Pueden grabar los usuarios: •Identificación •Nombre de usuario •Nombre •E-mail •Tipo de usuario •Bloquear •Enviar correo electrónico •ID de grupo •Fecha de Registro •Fecha de la última visita Este elemento contiene una opción que le permite especificar si las actualizaciones de los elementos al crear y editar un registro, o la simple creación de un registro. Esto le permite almacenar datos, como el creador de un registro y la última persona que ha actualizado el registro.

Fecha: (Date) El elemento fecha utiliza un selector de fechas estándar de Joomla, lo que permite a los usuarios introducir fácilmente fechas. El formato de la fecha indicada se puede establecer en la administración.

Botón: (Button): drop dwon El botón ofrece un botón HTML que, al igual que con todos los demás elementos, se puede asociar eventos de javascript.

Enlaces: (Link)

El formulario terminado y visto desde el front-end del portal de joomla tendrá un aspecto como el del ejemplo:

Matilde Fernández León 12

Fabrikar.com

Matilde Fern谩ndez Le贸n 13

Fabrikar.com

VISUALIZAR LOS FORMULARIOS CREADOS EN LOS MENÚS DE JOOMLA Para que nuestro formulario esté disponible desde la parte front-end de nuestro portal joomla; crearemos primero las entradas de menú necesarias, y luego enlazar las opciones de menú con el formulario correspondiente.

Para ello, vamos a la parte de administración del portal de joomla y accedemos al menú “Menús”; eligiendo el menú donde incluiremos nuestra nueva entrada:

Matilde Fernández León 14

Fabrikar.com

En el caso de ejemplo, he elegido el menú principal; y dentro de él pulsaremos en el botón “Nuevo”.

En el siguiente paso elegimos enlazar la entrada de menú con el componente Fabrik y dentro de él con la opción “Formularios”.

Matilde Fernández León 15

Fabrikar.com

El siguiente paso es definir el nombre de la entrada al formulario, así como el orden que tendrá dentro de nuestro menú; el nivel de acceso y algunos parámetros más.

Matilde Fernández León 16

Fabrikar.com

Una vez guardada la entrada del menú, el resultado será como en el ejemplo; en el que hay creada una entrada de menú con el nombre “Formularios”, y una subentrada para cada uno de los que voy creando; como por ejemplo, el formulario de recogida de datos de los ponentes de los cursos o actividades del CPR.

FORMULARIOS EN JOOMLA CON FABRIK by Matilde Fernández León is licensed under a Creative Commons Reconocimiento 3.0 Unported License.

Creado a partir de la obra en fabrikar.com.

Matilde Fernández León 17