Editor de diálogos dialog-editor
El editor de diálogos proporciona una interfaz gráfica para crear y editar fácilmente cuadros de diálogo y andamios.
Para ver cómo funciona, vaya a CRXDE Lite, abra el árbol del explorador en /libs/foundation/components/chart y haga doble clic en el nodo dialog:
El nodo de diálogo se abre en editor de diálogos:
Resumen de interfaz de usuario user-interface-overview
La interfaz del editor de diálogos 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 pestañas, 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 structure, en la esquina inferior izquierda. Este panel muestra la estructura jerárquica de nodos que conforman la definición del cuadro de diálogo. Puede ver la misma estructura expandiendo el nodo de diálogo en el CRXDE Lite o en el Explorador de contenido de CRX.
- El panel render, en el centro de la ventana. Este panel muestra cómo se representa la definición de cuadro de diálogo definida en el panel de estructura como un cuadro de diálogo real.
- El panel propiedades. Este panel muestra las propiedades del nodo resaltado en el panel de estructura.
Uso del Editor de diálogos using-the-dialog-editor
Para crear un cuadro de diálogo, el usuario arrastra y suelta los elementos desde la paleta hasta el panel de estructura y los coloca 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.
Creación de un nuevo cuadro de diálogo creating-a-new-dialog
Para crear un cuadro de diálogo, seleccione el componente requerido, haga clic en Crear… y luego en Crear cuadro de diálogo….
Escriba los detalles necesarios y haga clic en Guardar todo. Ahora puede hacer doble clic en el cuadro de diálogo para que se abra con el editor.
Uso del Editor de cuadros de diálogo para andamios using-the-dialog-editor-for-scaffolds
Un andamio es una página especial que contiene un formulario que se puede rellenar y enviar en un solo paso. Esto permite crear rápidamente una página utilizando el contenido introducido.
El formulario que constituye un andamio se define mediante una definición de cuadro de diálogo, como un cuadro de diálogo normal, aunque aparece en la página de andamiaje de un formulario diferente. Dado que las definiciones de cuadros de diálogo se utilizan para definir andamios, estos se pueden diseñar con el editor de cuadros de diálogo. Al utilizar el editor de diálogos de esta manera, el panel de procesamiento sigue mostrando la definición del cuadro de diálogo en forma de cuadro de diálogo, no como un andamio.
Consulte Andamiaje para obtener más información sobre cómo usar el editor de diálogos para crear andamios.