Utilización del Diseñador de formularios › Cómo agregar, mover y suprimir elementos

Cómo agregar, mover y suprimir elementos

En un formulario nuevo o existente, puede agregar y configurar los elementos, como campos de texto, áreas de texto con casillas de verificación o botones de opción, etc. Se deben agregar y configurar elementos al crear y personalizar formularios.

Para agregar y configurar elementos en un formulario, siga este proceso:

1. En el Árbol de componentes (el panel de la izquierda del Diseñador de formularios), verifique que las carpetas Componentes y Sistema estén ampliadas y que el elemento que desea agregar aparece en la vista de árbol en la carpeta Sistema.

   Por ejemplo, si se desea agregar un campo de texto, se debe verificar que la carpeta Sistema (en la carpeta Componentes) aparezca y esté ampliada para mostrar la opción Campo de texto. De forma semejante, si se desea agregar un cuadro de selección y sus opciones, se debe verificar que la carpeta Botones de opción (en la carpeta Sistema) se muestre y esté ampliada para mostrar la opción Botón de opción.

2. Verifique que el formulario al que se desee agregar el elemento ya exista. Si es necesario, cree un formulario.
3. Amplíe las carpetas Formularios y Mis formularios, y desplácese al formulario al que desee agregar el elemento.
4. Verifique que tanto el elemento que desee agregar como el formulario de destino se vean en la vista de árbol al mismo tiempo.
5. Haga clic en el elemento, por ejemplo, Campo de texto, arrástrelo y suéltelo en el formulario que desee.

   Por ejemplo, si el formulario se llama Opciones de modelo, haga clic en Campo de texto, arrástrelo a Opciones de modelo y suéltelo allí, todo en el mismo de árbol.

   Cuando hace clic en el elemento y lo arrastra, aparecen junto al cursor un círculo marcado y el mensaje "1 objeto seleccionado".

   A medida que arrastra el ratón, cuando el elemento arrastrado está sobre un formulario o un elemento de formulario existente donde se puede soltar, el círculo marcado se vuelve verde y el cursor cambia a la forma de una mano. Al contrario, el círculo marcado se vuelve rojo cuando el elemento arrastrado no está sobre un formulario o un elemento de formulario en el que se pueda soltar.

6. Suelte el ratón para soltar el elemento en el formulario o elemento de formulario. Cuando se suelte, el círculo marcado debe ser verde. De lo contrario, el elemento no se agrega.

   Asimismo, el elemento no se agrega si la acción realizada incumple una regla. Algunos ejemplos de incumplimiento serían intentar soltar una opción de selección en botones de opción o soltar un grupo de selección en otro grupo de selección.

7. Especifique los atributos de HTML necesarios para el nuevo elemento y haga clic en Guardar.

   Los atributos de HTML necesarios para cada elemento aparecen en negrita.

   Nota: Los intentos de realizar una acción diferente antes de guardar este elemento fallan. Por ejemplo, se produce un error al intentar arrastrar y soltar un nuevo elemento antes de guardar este elemento.

8. Compruebe el formulario en el área Vista previa (el panel central) para verificar que el elemento se agregó al formulario como esperaba. De no ser así, sería recomendable que reorganizara los elementos o suprimiera el nuevo elemento e intentara agregarlo de nuevo.
9. Especifique los atributos de HTML opcionales (si los hay) que desee para el nuevo elemento y haga clic en Guardar.
10. De forma predeterminada, los componentes se organizan en una columna. Para configurar el formulario para que use dos columnas, haga lo siguiente:
    1. Arrastre Diseño de columna desde la carpeta Sistema y suéltelo sobre el formulario que desee.
    2. Cuando suelta este diseño, se actualiza el árbol con Diseño de columna y sus dos secundarios, Columna 1 y Columna 2, automáticamente.
    3. Haga clic en el icono junto a Diseño de columna para mostrar las dos columnas, llamadas Columna 1 y Columna 2.
    4. Arrastre y suelte otros elementos, como campos de texto, botones de opción y cuadros de selección, sobre Columna 1 y Columna 2, para lograr el diseño que desee.

    Nota: Cuando resalta Diseño de columna o una columna, las áreas correspondientes en el área Vista previa del formulario pueden aparecer atenuadas y desactivadas, y los elementos dentro de la columna se pueden resaltar con un borde rojo.

11. Especifique los atributos de JavaScript (si los hay) que desea para el nuevo elemento y haga clic en Guardar.
12. Para especificar un nombre significativo para el nuevo elemento, haga lo siguiente:
    1. Seleccione el nuevo elemento en el árbol de componentes y haga clic en el botón Renombrar en la parte superior del árbol de componentes.

       Nota: Verifique que está seleccionando el nuevo elemento (como Área de texto o Botones de opción) en su formulario en el árbol de componentes; tenga cuidado de no seleccionar el elemento con el mismo nombre en la carpeta Sistema en el Árbol de componentes.

       Aparecerá el cuadro de diálogo Nombre.

    2. Introduzca el nuevo nombre y haga clic en Aceptar.

    Por ejemplo, en un formulario llamado Formulario de pedido de unidad externa de memoria, puede arrastrar y soltar botones de opción y cambiar su nombre del predeterminado, Botones de opción, a Capacidad en GB. A continuación, puede arrastrar y soltar tres botones de opción sobre ese grupo de botones de opción y cambiar sus nombres del predeterminado, Botón de opción, a Pequeña (50), Mediana (100) y Grande (150), respectivamente.

    Nota: Cuando crea un nuevo elemento, se incluyen dos puntos (:) automáticamente al final del nombre. Los dos puntos no aparecen en el cuadro de diálogo Nombre cuando se cambia el nombre del elemento. Sin embargo, sí aparecen en el área Vista previa después de hacer clic en Aceptar para cerrar el cuadro de diálogo. Compruebe que no se introducen dos puntos más en el cuadro de diálogo Nombre; de lo contrario, el elemento tendrá dos signos de dos puntos después del nombre en el área Vista previa.

13. Verifique que el nuevo elemento aparece y funciona como pretendía. Si es necesario, refine los atributos para obtener el aspecto y la funcionalidad que desea.
14. Repita los pasos anteriores para cada elemento que desee agregar.
15. Opcionalmente, desplace uno o más elementos del formulario arrastrándolos y soltándolos sobre una ubicación diferente en el formulario; por ejemplo, después de un elemento al que previamente precedían.
16. Opcionalmente, suprima los elementos que ya no desee en el formulario seleccionándolos y haciendo clic en Eliminar.