Editor de cuadros de diálogo

El editor de cuadro de diálogo proporciona una interfaz gráfica para crear y editar fácilmente cuadros de diálogo y andamios.

Para ver cómo funciona, vaya al CRXDE Lite, abra el árbol del explorador en /libs/foundation/components/chart y haga clic en el doble en el nodo dialog:

chlimage_1-247

El nodo de cuadro de diálogo se abrirá en el editor de cuadro de diálogo:

screen_shot_2012-02-01at25033pm

Información general de la interfaz de usuario

La interfaz del editor de cuadro de diálogo se compone de cuatro paneles:

  • La paleta, en la esquina superior izquierda. Este panel contiene los widgets disponibles para crear un cuadro de diálogo, como paneles de fichas, campos de texto, listas de selección y botones. Puede expandir las diferentes categorías dentro de la paleta haciendo clic en la barra divisoria deseada.
  • El panel estructura, en la esquina inferior izquierda. Este panel muestra la estructura jerárquica de los nodos que conforma la definición del cuadro de diálogo. Puede ver la misma estructura expandiendo el nodo de cuadro de diálogo en CRXDE Lite o en el Explorador de contenido de CRX.
  • Panel procesar, en el centro de la ventana. Este panel muestra cómo la definición de cuadro de diálogo definida en el panel de estructura se procesará como un cuadro de diálogo real.
  • El panel propiedades. Este panel muestra las propiedades del nodo que está resaltado en el panel de estructura.

Uso del Editor de cuadros de diálogo

Para crear un cuadro de diálogo, el usuario arrastra y coloca los elementos de la paleta en el panel de estructura en su posición dentro de la jerarquía de definición del cuadro de diálogo.

Una vez completada la estructura deseada, el usuario hace clic en Guardar, en la parte superior del panel de procesamiento.

PRECAUCIÓN

Tenga en cuenta que el editor de cuadro de diálogo está diseñado para la creación de diálogos relativamente simples y es posible que no pueda editar definiciones de cuadro de diálogo más complejas. En los casos en los que el editor de cuadro de diálogo no permita la edición de una estructura de cuadro de diálogo, la definición de cuadro de diálogo debe crearse y/o editarse manualmente editando directamente la estructura de nodos utilizando, por ejemplo, CRXDE Lite o CRX Content Explorer.

Creación de un nuevo cuadro de diálogo

Para crear un nuevo cuadro de diálogo debe seleccionar el componente requerido, haga clic en Crear… y luego Crear cuadro de diálogo….

Introduzca los detalles requeridos y haga clic en Guardar todo - ahora puede hacer clic con el doble en el cuadro de diálogo para abrirlo con el editor.

Uso del Editor de cuadros de diálogo para scaffolds

Un scaffold es una página especial que contiene un formulario que se puede rellenar y enviar en un solo paso. Esto le permite crear rápidamente una página con el contenido introducido.

El formulario que forma un scaffold se define mediante una definición de cuadro de diálogo, al igual que un cuadro de diálogo normal, aunque aparece en la página de scaffolding de forma diferente. Dado que las definiciones de cuadro de diálogo se utilizan para definir scaffolds, los scaffolds se pueden diseñar con el editor de cuadro de diálogo. Tenga en cuenta que, al utilizar el editor de cuadro de diálogo de este modo, el panel de procesamiento seguirá mostrando la definición del cuadro de diálogo en forma de cuadro de diálogo y no como scaffold.

Consulte Andamiaje para obtener más información sobre cómo utilizar el editor de cuadro de diálogo para crear scaffolds.

En esta página