- Generador Gráfico:

El Generador permite ejecutar algunos métodos conectados con el navegador para modificar propiedades del formulario desde el HTML.

Están habilitadas las siguientes operaciones directamente sobre el elemento en el Navegador o por medio de una barra de opciones:

 Barra de opciones - En la parte superior de la ventana se habilita una barra con diferentes elementos que permiten:

• Un combo rotulado [ Lista de campos “Oculto” ]   - que enlista los nombres y posición en el Generador de todos los elementos “Oculto” existentes y que al seleccionar uno de ellos abre una ventana de propiedades de dicho elemento para modificar sus valores;

• Presenta tres campos   - que contienen los números de la Fila y del Elemento seleccionados y el tipo o descripción de dicho elemento, al dar dobleclick sobre el campo de Fila se abre la ventana de propiedades de la fila señalada en este campo;

• Un botón “Eliminar”   - para borrar el elemento señalado en los campos anteriores, tanto del navegador como del Generador (formulario);

• Un combo rotulado “Crear Elemento”   - que permite agregar un elemento nuevo en la fila del elemento que esté señalado, creándose en el panel de elementos del Generador, inmediatamente después de éste;

• Dos botones rotulados “Crear Fila” y “Nueva Forma”   - que procesan lo indicado en su etiqueta;

• Un checkbox   - para mantener siempre visible esta barra, caso contrario se oculta cuando el Mouse navega fuera de su área de control y aparece cuando se aproxima o en la carga inicial del HTML.

 Propiedades con Doble Click - Al dar doble click sobre cualquier elemento se abrirá una ventana con las propiedades de ese elemento para su respectiva edición

 Estilo con click derecho - Aparece un listado de todos los estilos disponibles en la hoja de estilos, al seleccionar uno de ellos se aplicará sobre el elemento seleccionado. Se especifica el estilo actual aplicado, por ejemplo “Actual: EtiqFondo” para el elemento “Cuadrado”.

 Desplazamiento con click - Al señalar un elemento con click y mantenerlo se habilita la posibilidad de desplazarlo cambiándolo de posición tanto en X como en Y. Los desplazamientos se efectúan en saltos de 5 píxeles, pero si se presiona la tecla Shift cambia a desplazamiento más fino, de 1px.

 Tamaño con click - En los bordes, que definen a un elemento, el icono del Mouse cambia de la forma de desplazamiento (cuatro flechas) a la forma de doble flecha para modificación del tamaño. Esto hablita la posibilidad de modificar el tamaño del elemento en el sentido señalado por la flecha (horizontal, vertical o ambos).

 Editor JavaScript - Se incluye un editor de parámetros Javascript, que se abre para cada propiedad que incluya instrucciones de javascript.

Nota:   La mayoría de instrucciones javascript, que contiene el formulario, se desactiva en el Generador gráfico quedando exclusivamente para edición y no para ejecución. Retirando la condición de “HTML Editable” en el Generador y procediendo a “Generar HTML” se recupera en el Navegador la ejecución del javascript.

- Con todo esto se puede reposicionar los Elementos o definir sus dimensiones de ancho y altura directamente en el Navegador (HTML); y además, cambiar el estilo aplicado a cada uno, modificar los parámetros adicionales de cada elemento, editar parámetros del Formulario y de las Filas, crear nuevas Filas o Elementos, borrarlos, etc...

- Para editar gráficamente el tamaño de los Elementos se requiere que los mismos tengan previamente definido estos parámetros, en el Generador, con valores diferentes de cero.

- El icono del Mouse se mostrará diferente cuando se encuentre sobre cada Elemento, indicando posibilidad de edición.

- Para cambiar de posición a un Elemento, o redefinir su dimensión, se requiere presionar el botón izquierdo del Mouse sobre el Elemento y desplazarlo a la posición deseada donde deberá soltarse este botón.

- Para cambiar el estilo se debe presionar botón derecho del Mouse, sobre el Elemento, y seleccionar el estilo del listado que aparece.   El estilo seleccionado se aplicará inmediatamente.

- Todos estos cambios serán asimismo reflejados en el Generador, presentándose inmediata y automáticamente la Fila y el Elemento correspondientes con el cambio efectuado.

- Si se requiere identificar un campo del HTML con el Elemento correspondiente en el Generador es suficiente con dar un click sin desplazarlo y el Generador presentará inmediatamente el Elemento señalado.

- Para cambiar el valor inicial de un campo o el texto de una Etiqueta o las propiedades adicionales de cualquier Elemento se debe dar doble click sobre éste y se abrirá una ventana con los parámetros correspondientes, por ejemplo de un elemento Datos se abrirá la siguiente ventana:

- Las pestañas de ListaTabs y ListaForms, y los enlaces de Etiquetas serán los únicos Elementos del Formulario que tendrán habilitada su funcionalidad en esta condición de edición gráfica de un Formulario.   Incluso Cálculos, y la mayoría de eventos que contienen instrucciones javascript, es deshabilitado.

- Restricción:   Los elementos de Filas clonadas y los de una Tabla sí pueden ser editados gráficamente, pero sólo puede editarse los elementos de la primera fila para que se replique en las demás al regenerar HTML.

- conector.jar

- Existe una subcarpeta en la Carpeta de Trabajo del Generador denominada "Applets" donde se encuentra el archivo "conector.jar" que establece un vínculo entre el Generador y el Navegador.

    - Esta imagen representa el icono del botón para "Abrir Navegador", en la Barra de Tareas, e indica que el conector está inactivo.

    - Esta otra imagen representa el icono del mismo botón indicando que ha sido activado el conector y que cada vez que se dé una orden de generar HTML el Navegador automáticamente actualizará el Formulario ya generado.

- Es decir que, una vez abierto el Navegador y establecida la conexión, es suficiente utilizar el botón con el icono que corresponde al menú "Generar HTML …" para que inmediatamente se presente el mismo Navegador con el Formulario actualizado.

- Si este conector está activo el Navegador se cerrará automáticamente cuando se cierre el Generador.

- El último Navegador abierto será el que tenga el vínculo con el Generador.

- Dos o más Navegadores abiertos podrían crear conflicto para establecer una conexión con el Generador.