Componentes Flexabuilder

Componentes Flexabuilder

Aclaraciónes importantes

Todos los atributos de componentes donde no se indica que son obligatorios es que son opcionales

En todos los atributos de los componentes donde no se habla de código php se puede agregar código abriendo con <? ó <?= y cerrando con ?>. También es posible escribir variables sólo con $, por ejemplo: “Su nombre es $nombre”

Los contenedores pueden contener otros contenedores ó componentes dentro. Los componentes no.

Atributos comunes a todos los componentes

Id	id del componente (obligatorio). Solo letras, dígitos y/o guión bajo. Debe comenzar con
	una letra.

Name (obligatorio)	Debe ser igual que el id salvo un componente que esté dentro de un section, en ese caso el
	id es el nombre del section con un guion bajo seguido del name.

Indice de Componentes

Ventanas y formularios		Elementos de formularios
1.	Window ventana / página	4.	Input campo de texto simple

2.	Form formulario para editar un registro	5.	Select campo con lista desplegable

3.	Section sección divisoria que agrupa elementos	6.	Textarea caja editable de texto simple / enriquecido

4.	Subform subformulario para editar uno o más registros	7.	Text texto simple no editable

		8.	Radiobutton selecciona una opción entre varias

		9.	Checkbox caja/s para tildar

		10.	Gallery galería de archivos ó imágenes editable

		11.	Image imagen sólo para ver

		12.	Range rango de valores editable (slider)

		13.	Button botón clickeable

Tablas		Otros componentes
14.	Table tabla	17. Calendar calendario diario semanal mensual o lista

15.	Tr fila	18. Card tarjeta/s visuales

16.	Td celda#0.4.5.Contenedor Page\|outline	19. Buttongroup agrupador de botones

		20.	Tab grupo de solapas

		21.	Page solapa

		22.	Panel panel

		23.	Chart gráfico estadístico

		24.	Timeline línea de tiempo visual interactiva

Componentes HTML		Librerías y componentes internos
25.	Div	1.	Library
26.	Ul	2.	Frequire

27.	Li	3.	Fmethod

28.	Code	4.	Component
29.	Css	5.	Attribute

Ventanas y formularios

Contenedor Window

Ventana / página. Se utiliza como componente principal.

Title	Título de la página (html head title)

Group	utilizado para agrupar ventanas en una misma carpeta (no utilizado más)

Target	destino de código y archivos a generar. Si no se especifica sólo se guarda el xml.

Kit	kit de archivos css y js a incluir

Isbasewindow	Si se tilda se define esta ventana que será la ventana base para otras. Esto hace que
	gener archivos de cabecera y pie para ser incluidos en otras ventanas.

Nomtime	Si se tilda no se incluye mtime para el no cacheo de los URLs de js y css.

Basewindow	ventana base (carpeta/nombre). Si se especifica entonces se incluye cabecera y pie de la
	ventana base en esta. Ejemplo: include/base

Additionalstyle	estilos css a incluir en esta pagina html. Ejemplo: body { background: #eee; }

Include	Archivos a incluir (PHP, JS, CSS). Uno por linea.

Onopen	código php y/o js a ejecutar al abrir esta ventana

Onrefresh	código php y/o js a ejecutar al abrir ó refrescar esta ventana

Onclose	código php y/o js a ejecutar al cerrar esta ventana

Onstart	código EasyFlexa al abrir esta ventana

Contenedor Form

Formulario que puede permitir al usuario agregar, editar, buscar ó eliminar registros

Title	Titulo del formulario

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

bodyclass	Clase html del cuerpo del formulario

LabelsPosition	Posición de los titulos de los campos en relacion al campo. Left, right, top

LabelsWidth	Ancho en pixeles de los labels (cuando labelsPosition es left)

Datasource	Nombre de tabla de base de datos para actualizar. Puede ir también acompañado de un
	where (ej: contactos where tipo = 'Cliente' ). En este caso al buscar, insertar o actualizar un
	registro se busca y guarda el valor de los campos como se indica en el where.

Readonlymode	Si se tilda, al cargar un registro se muestra en modo solo lectura agregando un botón de un
	lápiz para que el usuario lo pueda editar

More	Alto máximo en pixeles del contenido del formulario a visualizar agregando un boton VER
	MAS que le permite al usuario ver el resto del contenido

Collapsable	Si se tilda aparece un caret en el título del formulario a la derecha que le permite al usuario
	esconder el contenido del formulario

Collapsed	Si se tilda, el formulario aparece colapsado al inicio

Buttons	Define qué botones tiene el formulario y dónde se ubican.
	Ok/Cancel,Continue,Send,Save,No buttons,Top Save,Top Continue

Button1text	Define el título del botón principal, el de guardar los cambios.

Candelete	Si se tilda, aparece el botón de un tachito para que el usuario pueda eliminar

Cansearch	Si se tilda, aparece el botón de una lupa para que el usuario pueda buscar registros. Al
	hacerlo se vé la lista de búsqueda del formulario. Esta lista se arma con los campos que
	tengan listbehaviour onlist. Se arma además arriba un buscador por texto que busca entre
	los campos que tengan tildado el atributo searchable. Además los campos que tengan
	listbehaviour onfilter aparecen para que el usuario pueda filtrar la lista de búsqueda.

Multiplerowselect	Permite seleccionar una o mas filas en la lista de búsqueda. Usará la primer columna de la
	tabla para marcar con un checkbox la seleccion de la fila.
	Cuando el usuario seleccione filas muestra elemento con id igual que la tabla + _selection.
	Los valores data-id de las filas seleccionadas estarán disponibles en una variable PHP $
	{idtabla}_selected

Morefeatures	Si se tilda, aparece un icono de tres puntos en el título del formulario que permite al
	usuario configurar y agregar plugins al formulario

Listtype	Define el tipo de listado de búsqueda
	list,table,gallery,explorer,compactlist

Orderby	Lista de columnas que se usarán como criterio de órden de la lista de búsqueda

Listdetailurl	URL donde se redireccionará cuando el usuario haga clic en una fila de la lista de
	búsqueda

Endredirect	URL donde se redireccionará cuando el usuario guarde el formulario

Valid	Condición a evaluar para definir si es válido el formulario.

Invalidmessage	Mensaje para el usuario en el caso que no sea válido el formulario.

Oninit	Código EF a ejecutarse cuando se carga o se limpia el formulario para una nueva carga.

Oninsert	Código EF a ejecutarse cuando el usuario guarda el formulario, sea uno nuevo o edita uno
	existente.

Onupdate	Código EF a ejecutarse cuando el usuario guarda el formulario, sea uno nuevo o edita uno
	existente.

Onsave	Código EF a ejecutarse cuando el usuario guarda el formulario, sea uno nuevo o edita uno
	existente.

Ondel	Código EF a ejecutarse cuando el usuario elimina el formulario.

Oninit	Código php y/o js que se ejecuta al inicializar el formulario

Beforesubmit	Código php que se ejecuta antes de guardar el formulario. En esté codigo se puede definir
	una cadena de texto a la variable $errors si no se quiere que se guarde el formulario
	mostrando esa variable como cartel rojo de error

Beforedelete	Código php que se ejecuta antes de eliminar el formulario. En esté codigo se puede definir
	una cadena de texto a la variable $errors si no se quiere que se elimine el formulario
	mostrando esa variable como cartel rojo de error

Onsubmit	Código php y/o js que se ejecuta luego de guardado el formulario.

Ondelete	Código php y/o js que se ejecuta luego de eliminado el formulario

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

Componente Section

Sección de un formulario, sirve como separador ó solapa que agrupa campos u otros elementos

title	Titulo del section

Titlestyle	Estilo html del título

Icon	Icono a mostrar en el título

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

Istab	Si se tilda, el section aparece como solapa del formulario. Es necesario para esto definir un
	título.

width	ancho del componente. Unidades disponibles: px, %, xs, sm, md, lg (estas últimas 4 son

	base 30). Ejemplo: 8sm.

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

Collapsable	Si se tilda aparece un caret en el título del section a la derecha que le permite al usuario
	esconder el contenido del formulario

Collapsed	Si se tilda, el section aparece colapsado al inicio

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

Contenedor Subform

Subformulario dentro de un Form que permite al usuario cargar valores en una talba relacionada al formulario principal (1 a N ó 1 a 1)

title	Título del subformulario

Icon	Icono a mostrar en el título

style	estilos css del elemento html principal del componente

istab	Si se tilda, este subformulario se muestra como una solapa. En este caso debe tener title.

Type	simple es un formulario simple (relación 1 a 1) que muestra los campos en su alineación
	definida, table es un formulario tabla (relación 1 a N) que permite cargar más de un registro
	con los campos alineados en la misma fila como si fuera una tabla.

Datasource	Nombre de tabla de base de datos para actualizar. Puede ir también acompañado de un where
	(ej: tabla where col = 'a' ). En este caso al buscar, insertar o actualizar un registro se busca y
	guarda el valor de los campos como se indica en el where.

Relation	Columna en base de datos que relaciona con el formulario principal. Si no se especifica se
	utiliza el nombre del formulario principal como columna relacionada.

Initialrows	cantidad de filas/registros vacías iniciales (por defecto 1)

minrows	cantidad mínima de filas/registros.

maxrows	cantidad máxima de filas/registros permitidas.

Candelete	Si se tilda permite al usuario eliminar filas/registros.

Rowclass	Clase html de cada fila/registro

Valid	Condición a evaluar para definir si es válido el subformulario.

Invalidmessage	Mensaje para el usuario en el caso que no sea válido el subformulario.

Oninsert	Código EF a ejecutarse cuando el usuario guarda el formulario, sea uno nuevo o edita uno
	existente.

Onupdate	Código EF a ejecutarse cuando el usuario guarda el formulario, sea uno nuevo o edita uno
	existente.

Onsave	Código EF a ejecutarse por cada fila agregada o modificada en este subformulario cuando el
	usuario guarda el formulario.

Ondel	Código EF a ejecutarse por cada fila eliminada de este subformulario cuando el usuario
	guarda el formulario.

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

Elementos de formularios

Componente Input

Campo a llenar por el usuario

type	tipo de campo (obligatorio). Según el tipo de campo el sistema valida los datos
	ingresados. Además si el input está dentro de un form ó subform con un datasource a
	base de datos entonces define el tipo de columna en la tabla. Date y datetime abren un
	calendario para facilitarle al usuario la carga.

Size	Cantidad de caracteres maximo ó si es numerico cantidad de digitos enteros. Si se pone
	-1 es ilimitado.

Decimals	Cantidad de decimales máximos (solo en caso de type decimal)

label	Título del input. Se ubica arriba del campo. Si se pone - permite no poner titulo y dejar
	un espacio arriba para que los campos de la misma línea que sí tengan label estén igual
	alineados.

Comments	Comentarios ubicados debajo del campo

Textbefore	Texto encuadrado a la izquierda del campo

Textafter	Texto encuadrado a la derecha del campo.

iconbefore	Icono encuadrado a la izquierda del campo.

iconafter	Icono encuadrado a la derecha del campo.

Align	alineación del texto dentro del campo.

Defaultvalue	Expresión PHP del valor por defecto del campo.

Help	Texto que quedara dentro del campo mientras el usuario no ingrese nada (html
	placeholder).
	Inputstyle: estilo css del elemento input

width	ancho del componente. Unidades disponibles: px, %, xs, sm, md, lg (estas últimas 4
	son base 30). Ejemplo: 8sm.

position	Si se especifica, el componente se ubica en el titulo ó subtitulo del form, section ó
	panel donde está ubicado.

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

Inputstyle	estilos css del input html

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

listbehaviour	comportamiento de este campo para el buscador lista de un formulario: onlist se
	muestra como columna en la tabla de búsqueda, onfilter se ubica también como filtro
	de la búsqueda total se totaliza en la tabla de búsqueda tostring sirve como parte del
	valor a mostrar al convertir el formulario objeto en texto groupedby se agrupan los
	resultados de búsqueda por este campo

searchable	Si se tilda, se incluye como criterio de búsqueda en el buscador de texto del formulario.

Total	Si se tilda, totaliza si está en un subformulario tipo tabla

Sqltransform	texto a agregar en los SQL INSERT y UPDATE justo antes del campo.

Required	Si se tilda, no se puede aceptar el formulario si este campo no tiene un valor.

Behaviour	Comportamiento del campo.

Dbcol	Nombre de columna en tabla de base de datos. Si se omite se usa el name de este input.

Calc	Expresión a calcular para el valor en este campo

visible	Es visible o no el campo o en qué condición (Easyflexa)

editable	Es editable o no el campo o en qué condición (Easyflexa)

valid	En qué condición es válido el valor ingresado por el usuario (Easyflexa)

Invalidmessage	Mensaje para el usuario en el caso que no sea válido el valor ingreado por el usuario

onedit	Código EF a ejecutarse cuando el usuario cambia un valor en este campo.

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

Accesscondition	expresión PHP a evaluar que determina si se puede editar o no el componente.
	Ejemplo: $condicion == ‘contado’

onchange	Código PHP y/o javascript a ejecutar cuando el usuario cambia el valor del campo y
	pierde el foco del mismo

Componente Select

Campo con lista desplegable

type	simple desplegable que se carga completo en el browser (no usar con más de 200
	opciones) ,autocomplete desplegable que se va cargando desde el servidor buscando
	por texto,multiple autocomplete desplegable que se va cargando desde el servidor y

	permite seleccionar más de una opción, button desplegable simple con un botón como
	si fuera un submenú

Label	Título. Se ubica arriba del campo. Si se pone - permite no poner titulo y dejar un
	espacio arriba para que los campos de la misma línea que sí tengan label estén igual
	alineados.

Textafter	Texto encuadrado a la derecha del campo.

Help	Texto que quedara dentro del campo mientras el usuario no ingrese nada (html
	placeholder).

width	ancho del componente. Unidades disponibles: px, %, xs, sm, md, lg (estas últimas 4
	son base 30). Ejemplo: 8sm.

position	Si se especifica, el componente se ubica en el titulo ó subtitulo del form, section ó
	panel donde está ubicado.

Size	Cantidad de caracteres maximo si es campo texto. Si se pone 0 es un campo int. Si no
	se pone nada detecta automáticamente el tipo de columna según el atributo datasource:
	si tiene un SELECT es campo int, es una lista entre comas es un campo varchar.

Comments	Comentarios ubicados debajo del campo

Icon	Icono a mostrar a la izquierda del campo.

tooltip	texto desplegable cuando se pasa con el mouse por el componente

tooltipPosition	posición del texto desplegable

class	clase html del elemento html principal del componente

Dropdownclass	clase html a ponerle a la lista desplegable

style	estilos css del elemento html principal del componente

Containerstyle	estilo html del contenedor del campo

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

relation	formulario relacionado al campo. De ese formulario tomará los registros para la lista
	desplegable.

Relationfilter	where SQL para filtrar los registros de la lista desplegable. Ejemplo: saldo > 0

Relationshowcolumns	Lista de columnas del formulario relacionado a mostrar en la lista desplegable. Si no se
	especifica, se toman los campos con listbehaviour onlist del formulario relacionado

relationtostring	Lista de columnas del formulario relacionado a usar para convertir en texto este

	atributo. Si no se especifica, se toman los campos con listbehaviour tostring del
	formulario relacionado ó si no hay ninguno se toman los primeros 3 campos.

datasource	lista, codigo, SQL o URL que se usará como origen de datos para cargar la lista
	desplegable. La primer columna se utilizará para guardar en el campo, las restantes
	para mostrar al usuario. Si es type autocomplete agregar where para buscar entre los
	campos la variable $q que es lo que el usuario escribió en el campo para buscar. Si se
	especifica atributo relation y no se define el datasource el sistema sólo arma el SQL.

content	HTML easyflexa de contenido para cada fila del desplegable.

Listbehaviour	comportamiento de este campo para el buscador lista de un formulario: onlist se
	muestra como columna en la tabla de búsqueda, onfilter se ubica también como filtro
	de la búsqueda total se totaliza en la tabla de búsqueda tostring sirve como parte del
	valor a mostrar al convertir el formulario objeto en texto groupedby se agrupan los
	resultados de búsqueda por este campo

emptyoption	texto a mostrar en el campo si no se selecciona ninguna opción de la lista desplegable.
	Ejemplo: -Ninguno-

searchable	Si se tilda, se incluye como criterio de búsqueda en el buscador de texto del formulario.

Autodropdown	Si se tilda, al recibir foco en el campo se despliega automáticamente la lista
	desplegable

dropdownalwaysopen	Si se tilda, la lista desplegable queda siempre abierta.

New	URL o insert sql: Si se carga URL muestra una opcion CARGAR NUEVO en la lista
	desplegable y abre este URL como popup. Si se carga INSERT de sql entonces si el
	usuario escribe una opción y está opción no está en la lista desplegable entonces
	automaticamente ejecuta este INSERT para crear el nuevo registro en la tabla
	relacionada.

Refreshonchange	Si se tilda, se refrescan los demas controles cuando el usuario cambia el radiobutton
	seleccionado.

Required	Si se tilda, no se puede aceptar el formulario si este campo no tiene un valor.

Defaultvalue	Expresión PHP del valor por defecto del campo.

Behaviour	Comportamiento del campo.

visible	Es visible o no el campo o en qué condición (Easyflexa)

editable	Es editable o no el campo o en qué condición (Easyflexa)

Valid	En qué condición es válido el valor ingresado por el usuario (Easyflexa)

invalidmessage	Mensaje para el usuario en el caso que no sea válido el valor ingreado por el usuario

Onedit	Código EF a ejecutarse cuando el usuario cambia un valor en este campo y pierde el
	foco.

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

Accesscondition	expresión PHP a evaluar que determina si se puede editar o no el componente.
	Ejemplo: $condicion == ‘contado’

Onchange	Código PHP y/o javascript a ejecutar cuando el usuario cambia el valor del campo y
	pierde el foco del mismo

Componente Textarea

Campo de área de texto simple o con formato enriquecido (html)

Type	Simple contenido texto simple, richtext contenido html utilizando editor de texto
	enriquecido Summernote

label	Título del campo. Se ubica arriba del campo. Si se pone - permite no poner titulo y
	dejar un espacio arriba para que los campos de la misma línea que sí tengan label estén
	igual alineados.

Size	Cantidad de caracteres maximo. Si se pone -1 es ilimitado.

Comments	Comentarios ubicados debajo del campo

Help	Texto que quedara dentro del campo mientras el usuario no ingrese nada (html
	placeholder).

Width	Ancho del campo. Unidades posibles: xs, sm, md, lg, %, px.

Height	Alto del campo. Unidades posibles: xs, sm, md, lg, %, px.

Rows	Cantidad de filas de texto de alto

Defaultvalue	Expresión PHP del valor por defecto del campo.

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

Containerclass	Clase html del contenedor del campo

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

Required	Si se tilda, no se puede aceptar el formulario si este campo no tiene un valor.

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo

	display de css). Ejemplo: $condicion == ‘contado’

Additionalattributes	atributos adicionales a incluir en el elemento div. Ejemplo: align=”left”

Componente Text

Este componente es un texto básico no editable (html span). El name del text muestra el valor de la variable $name de php.

text	Texto a mostrar. Recordar que el text igualmente muestra el valor de la variable $name

icon	Icono a mostrar antes del texto

width	ancho del componente. Unidades disponibles: px, %, xs, sm, md, lg (estas últimas 4
	son base 30). Ejemplo: 8sm.

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

iconstyle	estilo css del icono

Link	URL vinculo a abrir cuando se haga clic en este componente

target	destino donde se abrirá el link

tooltip	texto desplegable cuando se pasa con el mouse por el componente

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

calc	expresión EF/javascript que será el valor que mostrará este componente

Componente Radiobutton

Uno o más botones radio que permiten al usuario seleccionar una opción entre varias

type	simple radiobutton típico con un círculo button lista de botones switch

label	Título. Se ubica arriba de los radiobutton. Si se pone - permite no poner titulo y
	dejar un espacio arriba para que los campos de la misma línea que sí tengan
	label estén igual alineados.

text	texto a ubicarse a la derecha de los radiobutton.

Datasource	lista, codigo, SQL o URL que se usará como origen de datos para llenar la lista
	de radiobuttons. Ejemplo: soltero/a,casado/a,divorciado/a,viudo/a

Defaultvalue	Expresión PHP del valor por defecto. Según este valor se seleccionará el
	radiobutton correspondiente.

Refreshonchange	Si se tilda, se refrescan los demas controles cuando el usuario cambia el
	radiobutton seleccionado.

Cols	cantidad de columnas a distribuir los radiobuttons

Required	Si se tilda, no se puede aceptar el formulario si el usuario no selecciona una
	opción de los radiobuttons

width	ancho del componente. Unidades disponibles: px, %, xs, sm, md, lg (estas últimas 4
	son base 30). Ejemplo: 8sm.

style	estilos css del elemento html principal del componente

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

Behaviour	Comportamiento del radiobutton.

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

Onchange	Código PHP y/o javascript a ejecutar cuando el usuario selecciona una opción
	radiobutton

Componente Checkbox

Uno o más cajas para tildar que permiten al usuario seleccionar una o más opciónes

type	simple checkbox típico con un cuadrado switch lista de botones switch

Label	Título. Se ubica arriba de los checkbox. Si se pone - permite no poner titulo y dejar un
	espacio arriba para que los campos de la misma línea que sí tengan label estén igual
	alineados.

text	Texto que aparece al lado del checkbox (En caso multiples checkboxes usar
	datasource)

Cols	cantidad de columnas a distribuir los checkboxes

width	ancho del componente. Unidades disponibles: px, %, xs, sm, md, lg (estas últimas 4
	son base 30). Ejemplo: 8sm.

Datasource	lista, codigo, SQL o URL que se usará como origen de datos para llenar la lista de
	checkboxes. Ejemplo: futbol,tennis,running,basketball

datasourceupdate	tabla de base de datos donde se guardaran los datos seleccionados (si no se especifica
	van a un solo campo)

listbehaviour	comportamiento de este campo para el buscador lista de un formulario: onlist se
	muestra como columna en la tabla de búsqueda, onfilter se ubica también como filtro
	de la búsqueda total se totaliza en la tabla de búsqueda tostring sirve como parte del
	valor a mostrar al convertir el formulario objeto en texto groupedby se agrupan los
	resultados de búsqueda por este campo

searchable	Si se tilda, se incluye como criterio de búsqueda en el buscador de texto del formulario.

Required	Si se tilda, no se puede aceptar el formulario si el usuario no selecciona al menos una
	opción de los checkboxes

style	estilos css del elemento html principal del componente

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

Refreshonchange	Si se tilda, se refrescan los demas controles cuando el usuario tilda o destilda un
	checkbox

Defaultvalue	Expresión PHP del valor por defecto. Según este valor se seleccionará los checkbox
	correspondientes.

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

Accesscondition	expresión PHP a evaluar que determina si se puede editar o no los checkbox. Ejemplo:
	$condicion == ‘contado’

onchange	Código PHP y/o javascript a ejecutar cuando el usuario tilda o destilda una checkbox

Componente Gallery

Galería de fotos ó archivos editable o solo vista

Al crearse debe:

setearse el NAME con el nombre del campo/variable que tomara los archivos a mostrar o donde se guardaran (Se puede meter el GALERY dentro de un FORM asociado a una tabla, de un CARD o TABLE con sql)

setearse el UPLOADDIR con el directorio donde arrancan los archivos subidos

Si algun archivo tiene extension .PHP entonces se mostrara una LUPA que lo llevara al php.

Type	files,onlyimages,readonly

Label	Título. Se ubica arriba de galería. Si se pone - permite no poner titulo y dejar un espacio

	arriba para que los campos de la misma línea que sí tengan label estén igual alineados.

Comments	Comentarios ubicados debajo del campo

Width	Ancho de la galería. Unidades posibles: xs, sm, md, lg, %, px.

Height	Alto de la galería. Unidades posibles: xs, sm, md, lg, %, px.

Uploaddir	Directorio base donde se guardarán o buscarán los archivos de la galería. Si no se
	especifica nada el sistema automáticamente define la ruta según el siguinete criterio:
	../files/{carpeta_ventana}/{nombre_de_ventana}/

Convert	Si se tilda convierte archivos de word, excel powerpoint a PDFs automaticamente.

Maximagesize	Ancho y/o alto maximo de imagen (si supera la imagen la achica automaticamente) 0 si
	no se quiere achicar nunca la imagen. Ej: 1024,768

style	estilos css del elemento html principal del componente

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

Behaviour	Comportamiento de la galería
	visible,readonly,editable on new,editable on update,invisible

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

Titles	Si se tilda, permite editar el titulo de cada archivo.

Size	Formato tamaño de la galería
	normal,big,small,mini

Componente Image

Imagen solo visible

Src	URL donde se cargará la imagen

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

Width	Ancho de la imagen. Unidades posibles: xs, sm, md, lg, %, px.

Link	URL vinculo a abrir cuando se haga clic en este componente

target	destino donde se abrirá el link

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

Componente Range

Campo selector de valor entre un rango (slider)

Type	simple,double,knob,arrows

Label	Título. Se ubica arriba del range. Si se pone - permite no poner titulo y dejar un espacio
	arriba para que los campos de la misma línea que sí tengan label estén igual alineados.

Value	Valor inicial del rango

Min	Valor mínimo del rango

Max	Valor máximo del rango

style	estilos css del elemento html principal del componente

class	clase html del elemento html principal del componente

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

Width	Ancho del campo. Unidades posibles: xs, sm, md, lg, %, px.

Onchange	Código PHP y/o javascript a ejecutar cuando el usuario cambie el valor del rango

Step	Indique un numero para los pasos del slider.

Decimals	Indique la cantidad de decimales a mostrar (puede usar negativo)

Componente Button

Botón

text	texto del botón

icon	Icono del botón

iconposition	posición del icono. Left: antes del texto, Right: luego del texto

tooltip	texto desplegable cuando se pasa con el mouse por el componente

tooltipPosition	posición del texto desplegable

Confirmtext	Si se especifica entonces al hacer clic en el botón se le pide al usuario confirmar la acción
	con este texto.

Link	URL vinculo a abrir cuando se haga clic en este componente

Target	destino donde se abrirá el link

Width	Ancho de la imagen. Unidades posibles: xs, sm, md, lg, %, px.

position	Si se especifica, el componente se ubica en el titulo ó subtitulo del form, section ó panel
	donde está ubicado.

Divstyle	Estilo html del div que contiene el botón

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

Badge	Texto a resaltar como badge en el botón

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

onclick	código php y/o js a ejecutar cuando el usuario hace clic en el botón

Tablas

Contenedor Table

Tabla

Un TABLE es una tabla html.

Se puede poner dentro del TABLE elementos TR (fila) y dentro de los TR elementos TD (celda). Si no se pone ningun elemento dentro del TABLE se generaran automaticamente en ejecucion.

SQL:

Si se especifica SQL entonces crea una fila por cada registro devuelto.

Si no se crea ningun elemento dentro del TABLE se crean las columnas dinamicamente de acuerdo al resultado del SQL devuelto. Si se quiere se puede crear dentro del TABLE un elemento TR (fila) y dentro del TR varios TD (celdas). Dentro de cada TD o en el content del TD se ponen los campos a visualizar ($nombredecolumna)

AGRUPAR:

Si se especifica en GROUPBY una de las columnas devueltas del SQL entonces se agrupara por esa columna mostrando un encabezado por cada cambio de esa columna.

Si se quiere tener control sobre el contenido del encabezado y/o pie de grupo se debe crear un TR dentro del TABLE y ponerlo al TR.TYPE headergroup o headerfooter y dentro poner los TD o el contenido a visualizar para el encabezado o pie de grupo.

Title	Título de la tabla

Titleclass	Clase html del título

Titlestyle	Estilo html del título

Width	Ancho del elemento. Unidades posibles: xs, sm, md, lg, %, px.

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

Containerstyle	Estilo html del contenedor de la tabla

Containerclass	Clase html del contenedor de la tabla

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

Collapsable	Indica si la tabla es colapsable, es decir si aparece un caret en el título que le permite
no,yes,yes initially collapsed	al usuario esconder la tabla

Cansearch	Si se tilda, aparece un buscador de texto que le permite al usuario buscar en la tabla

Searchablecolumns	Indicar entre comas las columnas que se pueden buscar con el buscador

Cansort	Si se tilda permite al usuario ordenar por cada columna

Canprint	Si se tilda aparece un botón de una impresora que permite al usuario imprimir la tabla

Canfilter	Si se tilda se puede filtrar la tabla

Canexport	Si se tilda aparece botón para exportar tabla a excel

Hidefirstcolumn	Si se tilda se esconde la primer columna. Esto suele servir si la primer columna es el
	ID que se quiere utilizar para un link pero no se desea que se vea.

Multiplerowselect	Permite seleccionar una o mas filas. Usara la primer columna de la tabla para marcar
	con un checkbox la seleccion de la fila.Si hay seleccionadas muestra elemento con id
	igual que la tabla + _selection. Los valores data-id de las filas seleccionadas estarán
	disponibles en una variable PHP ${idtabla}_selected

Columnfilter	No sé que era esto... ??

Messageonnorows	Mensaje que aparece si la tabla no contiene filas

Hideonnorows	Si se tilda, se esconde la tabla si no contiene filas

More	Alto en pixeles para definir un maximo a visualizar con un boton VER MAS

Serverside	Si se tilda, la tabla se va cargando desde el server a demanda (indispensable esta
	opción cuando se utiliza un datasource que devuelve muchos registros)

Live	Si se tida, cada 2 segundos se refresca la tabla (mejorar esta función para que el
	refresco se haga inteligentemente solo cuando los datos cambian)

Detailwindow	URL de página donde se redireccionará al usuario cuando haga clic en una fila y se
	mostrará un botón NUEVO en el título de la tabla donde también se redireccionará

Datasource	lista, codigo, SQL o URL que se usará como origen de datos para llenar la tabla. Si la
	tabla no se crean TRs y TDs dentro el sistema automáticamente crea las filas y celdas.

Crosstab	Indicar columna/s a para armar tabla de doble entrada

Groupby	Indicar nombre de columna o columnas entre comas por lo que se agruparán las filas.

Columnclasses	Clases html entre comas de cada columna

Link	URL de página donde se redireccionará al usuario cuando haga clic en una fila.

Target	_blank,_parent,_self,_top,_popup,_smallpopup,_fullpopup

additionalattributes	atributos adicionales a incluir en el elemento table. Ejemplo: border=”1”

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía
	atributo display de css). Ejemplo: $condicion == ‘contado’

Contenedor Tr

Fila de tabla (solo crear dentro de un table)

Type Tipo de fila. Si es header ó footer solo se muestra una vez al principio o al final. Si es

header,headergroup,body,	body se muestra tantas veces como registros devuelva el datasource de la tabla. Si es
header,headergroup,body,	headergroup o footergroup se muestra por cada grupo de registros del datasource que
footergroup,footer	contengan el mismo valor en el campo groupby de la tabla.
	contengan el mismo valor en el campo groupby de la tabla.

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

Link	URL vinculo a abrir cuando se haga clic en este componente

target	destino donde se abrirá el link
	_blank,_parent,_self,_top,_popup,_smallpopup,_fullpopup

Delete	URL a llamar para eliminar esta fila.

Confirmdelete	Mensaje confirmacion para eliminar la fila.

Dataid	Expresion a incluir en atributo data-id en la fila. Sirve para poder identificar filas
	seleccionadas en una tabla con la opcion MULTIPLEROW

Datasource	lista, codigo, SQL o URL que se usará como origen de datos para duplicar este
	elemento..

additionalattributes	atributos adicionales a incluir en el elemento table. Ejemplo: border=”1”

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

Contenedor Td

Celda de fila de tabla (solo crear dentro de Tr)

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

Colspan	Cantidad de columnas que abarca (por defacto 1)

Content	Contenido html de esta celda

Datasource	lista, codigo, SQL o URL que se usará como origen de datos para duplicar este td

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía atributo
	display de css). Ejemplo: $condicion == ‘contado’

Link	URL vinculo a abrir cuando se haga clic en este componente

target	destino donde se abrirá el link
	_blank,_parent,_self,_top,_popup,_smallpopup,_fullpopup

additionalattributes	atributos adicionales a incluir en el elemento table. Ejemplo: border=”1”

Otros componentes

Componente Calendar

Calendario

type	tipo de vista month,week,day,list,dailymonth,none

datasource	lista, codigo, SQL o URL que se usará como origen de datos para llenar el calendario
	de eventos.

Hours	Lista entre comas de horarios para las filas del calendario

urldelete	Url a llamar por ajax para permitirle al usuario eliminar un evento

style	estilos css del elemento html principal del componente

Width	Ancho del elemento. Unidades posibles: xs, sm, md, lg, %, px.

height	Alto del calendario. Unidades posibles: xs, sm, md, lg, %, px.

onclick	código php y/o js a ejecutar cuando el usuario hace clic en un evento del calendario

Onnav	Código js a ejecutar cuando el usuario navega entre las distintas semanas ó meses

Contenedor Card

Tarjeta visual

El CARD permite visualizar informacion en forma de tarjeta, usualmente una imagen o icono, un titulo, un breve texto y un comentario

en gris claro, con opcion a hacer clic e ir a un vinculo.

Al crear un card hay que:

seleccionar el tipo de card (type) de la lista disponible (se pueden crear nuevos tipos en el directorio fbuilder/cards)

escribir en SQL el select de la base, por cada registro devuelto se muestra un CARD

opcionalmente title se puede poner el titulo general que aparecera al principio

width poner el ancho de cada card. Ejemplo: 4md (serian 3 columnas de card en dispositivos md o lg, 1 columna en dispositivos mas chicos)

Si se necesita se pueden agregar elementos dentro del card como botones o textos o campos (input, select, etc)

Estos elementos agregados apareceran en cada CARD salvo que se pongan con position TITLE, en ese caso apareceran una sola vez en el titulo general.

title	titulo de la tarjeta

type	formato de tarjeta small,medium,big

columns	cantidad de columnas a distribuir cuando se muestra más de una tarjeta

Width	Ancho del elemento. Unidades posibles: xs, sm, md, lg, %, px.

Height	Alto del calendario. Unidades posibles: xs, sm, md, lg, %, px.

Messageonnorows	En el caso de no encontrar ninguna tarjeta muestra este mensaje

more	Alto en pixeles para definir un maximo a visualizar con un boton VER MAS

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

cardclass	clase html de cada tarjeta

cardstyle	Estilo html de cada tarjet

panelstyle	Estilo html del panel contenedor de tarjetas

datasource	lista, codigo, SQL o URL que se usará como origen de datos para motrar muchas
	tarjetas

Contenedor Buttongroup

Componente que permite agrupar botones

type	tipo de agrupación. Horizontal: los ubica uno al lado del otro, vertical: los ubica
	uno debajo del otro, dropdown/dropdown without caret: muestra un solo botón
	que al hacer clic despliega la lista de botones agrupados

icon	Icono a mostrar en el caso de dropdown ó dropdown without caret

text	Texto a mostrar en el caso de dropdown ó dropdown without caret

Width	Ancho del elemento. Unidades posibles: xs, sm, md, lg, %, px.

position	Si se especifica, el componente se ubica en el titulo ó subtitulo del form, section ó
	panel donde está ubicado.

style	estilos css del elemento html principal del componente

class	clase html del elemento html principal del componente

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía
	atributo display de css). Ejemplo: $condicion == ‘contado’

Contenedor Tab

Contenedor de solapas

El TAB y PAGE permiten crear solapas horizontales o verticales.

Se debe crear un TAB y dentro del TAB tantos PAGE como solapas se quieran. Dentro de cada PAGE van los elementos a mostrar en cada

contenido de solapa (campos, botones, etc)

En el TAB se debe o puede:

Elegir el TYPE (horizontal o vertical)

Se debe elegir el tabstyle. Hay varios tipos y los que dicen TOGGABLE hacen que el tab pueda tener seleccionado mas de una solapa al mismo tiempo

Opcionalmente NOTABSMESSAGE es un texto o html que se mostrará en el caso que no haya ninguna solapa seleccionada

Si se pone REMEMBERACTIVE en YES el sistema guardara en la configuracion del usuario en base de datos la ultima solapa seleccionada para que al volver a la misma pagina quede seleccionada esa solapa

LAZYLOADING en YES hace no se carguen el contenido de todas las solapas sino solo de la activa y al hacer clic en una solapa se refresca toda la página cargando solo el contenido de la nueva pagina

En cada PAGE se debe o puede:

Escribir TITLE de la solapa

Opcioonalmente elegir un icono en ICON

ACTIVE yes hace que esta solapa aparezca activa al cargarse la pagina

CLASS se puede poner un class especial

NOTA IMPORTANTE: Si se quiere mostrar un contenido para cualquier solapa seleccionada se debe crear una ultima PAGE sin titulo y con class anytab

Type	Orientación de las solapas
	horizontal,vertical

Tabstye	Estilo de solapas
	nav-tabs nav-tabs-highlight,nav-tabs nav-tabs-bottom,nav-pills,nav-pills nav-xs,nav-
	tabs nav-tabs-bottom toggable,stepy-header

class	clase html del elemento html principal del componente

Tabsclass	Clase html de las solapas

Contentclass	Clase html del contenido de las solapas

Title	Título del contenedor de solapas

Titlewidth	Ancho del título

style	estilos css del elemento html principal del componente


Lazyloading	Si se tilda, entonces sólo se carga en pantalla la solapa visible seleccionada

Rememberactive	Se guardan en base de datos las solapas seleccionadas

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía
	atributo display de css). Ejemplo: $condicion == ‘contado’

Contenedor Page

Solapa (crear dentro de tab)

Icon	Icono del título de la solapa

Title	Título de la solapa

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

Tabstyle	Estilo html de la solapa

Active	Si se tilda esta solapa está visible activa

Link	URL vinculo a abrir cuando se haga clic en este componente

Badge	Texto a resaltar como badge en el título de la solapa

Badgeclass	Clase html del badge

Disabled	Si se tilda, la solapa queda inhabliitada

Datasource	lista, codigo, SQL o URL que se usará como origen de datos para duplicar este
	elemento.

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía
	atributo display de css). Ejemplo: $condicion == ‘contado’

Contenedor Panel

Panel visual

Title	Título del panel

Titlestyle	Estilo html del título

Titleclass	Clase html del título

Icon	Icono del título

Width	Ancho del panel

Columns	Cantidad de columnas del panel

Collapsable

Closable

Hidable

style	estilos css del elemento html principal del componente

class	clase html del elemento html principal del componente

Containerstyle	Estilo html del contenedor del panel

Containerclass	Clase html del contenedor del panel

Datasource	lista, codigo, SQL o URL que se usará como origen de datos para duplicar este
	elemento.

Content	Contenido html del panel

Contentclass	Clase html del contenido

Groupby	Columna del datasource a agrupar los paneles

Link	URL vinculo a abrir cuando se haga clic en este componente

target	destino donde se abrirá el link

Messageonnorows	Mensaje a mostrar si no existen registros en el datasource

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía
	atributo display de css). Ejemplo: $condicion == ‘contado’

Componente Chart

Gráfico estadístico (en desarrollo, no utilizado todavía)

style	estilos css del elemento html principal del componente

datasource	lista, codigo, SQL o URL que se usará como origen de datos para llenar la tabla y
	luego graficar

size	tamaño del gráfico

Link	URL vinculo a abrir cuando se haga clic en este componente

target	destino donde se abrirá el link

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía
	atributo display de css). Ejemplo: $condicion == ‘contado’

Componente Timeline

Línea de tiempo interactiva

style estilos css del elemento html principal del componente

datasource	lista, codigo, SQL o URL que se usará como origen de datos para llenar la línea de
	tiempo. Los campos devueltos deben ser: ....

Link	URL vinculo a abrir cuando se haga clic en un evento de la línea de tiempo

target	destino donde se abrirá el link

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía
	atributo display de css). Ejemplo: $condicion == ‘contado’

Componentes HTML

Contenedor Div

Div html

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

content	contenido html del div

stayinline	Si se tilda el componente permanece en la misma linea que el componente hermano
	anterior. Si no se tilda, se ubica una línea debajo.

more	Alto en pixeles para definir un maximo a visualizar con un boton VER MAS

Link	URL vinculo a abrir cuando se haga clic en este componente

target	destino donde se abrirá el link

position	Si se especifica, el componente se ubica en el titulo ó subtitulo del form, section ó
	panel donde está ubicado.

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía
	atributo display de css). Ejemplo: $condicion == ‘contado’

Source	URL a cargar por ajax dentro de este div

datasource	lista, codigo, SQL o URL que se usará como origen de datos para duplicar este
	elemento..

additionalattributes	atributos adicionales a incluir en el elemento div. Ejemplo: align=”left”

onclick	código php y/o js a ejecutar cuando el usuario hace clic en el div

onload	código javascript a ejecutar cuando se carga este div con el atributo source

Contenedor Ul

Unordered list (HTML UL)

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

Datasource	lista, codigo, SQL o URL que se usará como origen de datos para crear LIs dentro
	dinámicamente.

content	contenido html del u

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía
	atributo display de css). Ejemplo: $condicion == ‘contado’

Position	Si se especifica, el componente se ubica en el titulo ó subtitulo del form, section ó
	panel donde está ubicado.

additionalattributes	atributos adicionales a incluir en el elemento div. Ejemplo: align=”left”

Contenedor Li

List item (HTML LI) Crear dentro de Ul

Title	Título del LI

Icon	Icono del título

Badge	Texto a resaltar como badge en el título del LI

Badgeclass	Clase html del badge

Dropdown	Si se tilda se define que es un LI que se abre

tooltip	texto desplegable cuando se pasa con el mouse por el componente

tooltipPosition	posición del texto desplegable

Link	URL vinculo a abrir cuando se haga clic en este componente

target	destino donde se abrirá el link

Linkclass	Clase html del link

class	clase html del elemento html principal del componente

style	estilos css del elemento html principal del componente

Titleclass	Clase html del título

Titlestyle	Estilo html del tídulo

Datasource	lista, codigo, SQL o URL que se usará como origen de datos para repetir este LI

Content	Contenido html del LI

additionalattributes	atributos adicionales a incluir en el elemento div. Ejemplo: align=”left”

visiblecondition	Expresión PHP a evaluar que determina si se muestra o no el componente (vía
	atributo display de css). Ejemplo: $condicion == ‘contado’

onclick	código php y/o js a ejecutar cuando el usuario hace clic en el LI

Confirmtext	Si se especifica se le hace la pregunta al usuario con este texto antes de confirmar el
	click del LI

Componente Code

Código html a incluir en la página

code	código html. Es posible agregar código javascript entre <script> y </script> ó php
	entre <? y ?>

Componente Css

Código de estilos CSS a incluir en la página

csscode	Estilos css a incluir. Ejemplo: body { background: #eee; }

Librerías y componentes Internos

Componente Library

Librería de funciones

Name	Nombre de la libreria

Comments	Comentarios

Componente Frequire

Require a archivo de librería

Name	Nombre del require

Componente Fmethod

Este componente se utiliza solo dentro de componentes Library. Representa una función.

Name	nombre de función (obligatorio)

Parameters	parámetros de la función separados por comas

Comments	comentarios opcionales de la función

Code	código de la función

Componentes Flexabuilder

Bienvenido a la Ayuda Online Estamos aquí online para ayudarlo y guiarlo en sus necesidades y requerimientos

Manual e Instructivos

Chat online

Manual de instrucciones

Flexa Consorcios (8)

Flexa Gestión (2)

Flexa CRM (2)

Flexa Emprendimientos (11)

Programación (2)

Intecons (3)

Argencons S.A. (9)

Servidores e Internet ()

Administración Flexa Software ()