Panel de Elementos y su contenido

• Presenta la información de los Elementos que han sido creados para cada Fila y permite editar las características de los mismos.

Este panel está ubicado al costado derecho dentro de la ventana del iFG y contiene, cuando se ha creado o abierto un archivo, una tabla con diez columnas que representan los valores asignados a cada Elemento para su definición.   A continuación se detalla esta tabla y su contenido, describiendo principalmente para “Tipo” los conceptos que permiten definir para cada Elemento sus variables, tanto en el panel como en la sección “Editar Elemento”:

• No.   - Es el número del Elemento que ha sido creado, asignado por el programa, y especifica el orden de creación en la página lo que define su índice de salto natural (foco) con la tecla tab. (tabindex)

• Tipo   - Contiene una lista de selección para asignar y definir un Elemento específico, que puede escogerse entre los siguientes:
  
  1. AreaTexto   - Este Elemento permite el ingreso de texto en un campo de área definida, se trata de un control de entrada de texto en multilínea.
  2. Botón   - Genera comandos (tags) tipo “button” (en HTML) para ejecutar funciones predefinidas (submit o reset) o procedimientos con JavaScript, definidos en el Url (Ejecutar con button).
  3. CheckBox   - Este Elemento es un control de formas que permite marcar el estado de este campo asignándole valores de verdadero o falso (es decir, chequeado o no-chequeado respectivamente).
  4. ClonarFila   - Este Elemento permite que todo el contenido de la Fila, donde éste se encuentre ubicado, pueda ser duplicado (o eliminado, excepto la primera si es única), mediante dos botones que se crean automáticamente para este propósito (uno con “+” para agregar o clonar y otro con “-” para eliminar la Fila en la que se encuentra).
  5. Combo   - Este Elemento permite crear un selector de opciones de un listado de valores presentados con su descripción.
  6. Cuadrado   - Modifica, con un estilo asignado, un área específica de la página web.   Este Elemento es útil para pintar el fondo de un área determinada o para trazar tanto líneas horizontales como verticales con la definición apropiada de altura (H) o ancho (W) respectivamente.   No tiene parámetros adicionales y la columna “Texto” no es requerida.
  7. Datos   - Es una línea de texto, enmarcada, que sirve para ingreso de texto y/o números según el tipo de dato que se declare para validar.   Se constituye en el Elemento más versátil y que actúa como el principal Elemento de comunicación entre el usuario y la Aplicación.
  8. Etiqueta   - Elemento para presentación de títulos, subtítulos, enlaces a otros Formularios (links), etc.
  9. Escaner   - Elemento para manejo de un dispositivo de captura de imágenes en HTML.
  10. IFrame   - Reserva un área de la página generada para llamar a otra página generada y publicarla en su interior.
  11. Imagen   - Para presentación de imágenes con formato: .jpg, .png, .gif, etc. contenidas en el subdirectorio “imágenes” dentro del directorio local de trabajo asignado por el operador.   Se puede asignar enlaces para cargar otra página o para hacer visible otro tab.
  12. ListaForms   - Elemento que permite crear varias pestañas (tipo carpetas) para pasar los contenidos de algunos campos a otro Formulario que tenga los mismos campos.
  13. ListaMenu   - Elemento que permite crear Rótulos especiales que activan Listados de opciones de ejecución tipo Menú que se ejecutan por medio de enlaces o instrucciones javascript asignados.
  14. ListaTabs   - Elemento que permite crear varias pestañas (tipo carpetas) para presentar grupos de Elementos relacionados con cada pestaña al seleccionarla, ocultando otros grupos de Elementos que pertenecen a las restantes pestañas.   Viene determinado por la columna Tab en el panel de Filas.
  15. ListaValores   - Genera comandos (tags) tipo “button” (en HTML) que permitirá con mayor facilidad definir los botones que llaman a la ventana con una Lista de Valores consultados para extraer datos para llenar algunos campos del Formulario.
  16. Oculto   - Es un Elemento que maneja información que no está visible en la página generada, únicamente está como información necesaria para soporte que acompaña al Formulario para propósitos de seguridad o de identificación de procesos.
  17. Password   - Es un Elemento del tipo “Datos” para ingreso de texto sin publicar su contenido.   Presenta asteriscos o círculos negros (bullets) en reemplazo de los caracteres ingresados.
  18. RadioBoton   - Este Elemento es un control de formas que permite marcar el estado de este campo asignándole valores de verdadero o falso (marcado o no).   Requiere trabajar en grupo que determina una sola y única selección.
  19. Tabla   - Este Elemento crea una tabla en HTML formando un grupo de encabezado y otro que se repite formando un cuerpo o estructura de tabla con todos los Elementos de la Fila en que este Elemento se encuentra.
• Texto   - Esta es otra columna del panel de Elementos que actúa según el Elemento al que se le aplica, excepto Cuadrado y ClonarFila para los que no cumple ninguna función.
  
  

  Para Etiqueta y ListaTabs sirve como texto de rotulación; para Imagen se aplica como texto alternativo en reemplazo de la figura –en HTML- si no se encuentra su ruta, o aplica como texto tipo tooltip (texto en un cuadro que aparece cuando el mouse navega sobre ese campo).

  Para los restantes Elementos, el texto será utilizado como nombre del campo al que se asigna, lo cual es útil para relacionar su contenido identificándolo con este nombre.

• Estilo   - Columna que contiene un combo de selección para asignar un estilo específico de la Hoja de Estilos, predefinida como Fitbank.css y que se encuentra en la subcarpeta estilos.
  
  

  Estos estilos se aplican a los Elementos que admiten la aplicación de un estilo para cambiar su presentación.

  El único Elemento que no admite estilo es el Elemento denominado “Oculto”, por obvias razones.

• Origen DB   - Es una codificación especial para ubicar un campo en la base de datos relacionada con la aplicación que ejecuta los Formularios diseñados con este Generador, pudiéndose consultar o mantener dichos campos de la base.
  
  

  Los campos de la base se identifican con números que se corresponden con la tabla y campo de la tabla, de esta forma un campo se identifica con tres dígitos y la tabla complementa este código con otros dígitos.

  Ejp:   64014   corresponde al campo 14 de la tabla 64
  
  

  Además, como segundo parámetro, en este Origen DB y separado con dos puntos, se identifica si un campo del Formulario es para criterio de consulta ( C ), orden de consulta ( O ) o ubicación en el Formulario para llenar las filas o líneas de registros relacionados con la consulta, usualmente se diseña páginas con 10 filas o líneas de registros similares.

  No confundir estas filas con las Filas del Generador, si bien cada fila se puede colocar en una Fila del Generador, por ello es preferible llamarlas líneas de registro o “tuplas”.

  Ejps:   64014:C     505340:1
  
  

  Finalmente, el tercer y último parámetro para Origen DB, separado con otros dos puntos, constituye las dependencias con otros campos de la base que se han utilizado previamente para llenar otros campos del mismo Formulario a fin de ubicar el campo correcto de la consulta para llenar este campo del Formulario.

  Ejps:   154389:4:64014-0     343522:1:398412-1
  
  

  El número de dependencias varía según los requerimientos de la consulta, cada dependencia incluye un código de tabla y campo (semejante al primer parámetro de este Origen DB) al que se le agrega, separado con guión, el número de bloque al que pertenece; y, cada dependencia va separada con asterisco.
  

  Ejp:     154389:4:64014-0*398412-1

• X   - Valor en píxeles como margen izquierdo para ubicación de este Elemento, el cual se agrega al margen X de la Fila a la que pertenece este Elemento.

• Y   - Valor en píxeles como margen superior para ubicación de este Elemento, el cual inicia su ubicación con este valor desde la posición final del área de la Fila anterior, definida por su altura.   Las Filas se ubican con posición relativa una después de la otra, hacia abajo en la página, conforme se crean o generan.

• W   - Valor en píxeles como ancho o espacio horizontal para este Elemento.

• H   - Valor en píxeles como altura o espacio vertical para este Elemento.   Junto con W definen el área de acción del Elemento.

• Z   - Aplicable para definir en el Elemento “clonarFilas” el número máximo de Filas permitido para duplicar o clonar su contenido.   En los Elementos que acompañan o definen el Elemento Tabla este parámetro define a qué fila del encabezado pertenece un Elemento.   Fuera de esto no tiene aplicación para los restantes Elementos.