The dialog editor provides a graphical interface for easily creating and editing dialog boxes and scaffolds.

To see how it works, go to CRXDE Lite, open the explorer tree to /libs/foundation/components/chart and double click on the node dialog:


The dialog node will open in the dialog editor:


User Interface Overview

The dialog editor interface is composed of four panes:

  • The palette, in the top left corner. This pane holds the widgets available for building a dialog box, such as tab panels, text fields, selection lists and buttons. You can expand the different categories within the palette by clicking on the desired divider bar.
  • The structure pane, in the bottom left corner. This pane shows the hierarchical structure of nodes that makes up the dialog definition. You can see the same structure by expanding the dialog node in either CRXDE Lite or CRX Content Explorer.
  • The render pane, in the center of the window. This pane shows how the dialog definition defined in the structure pane will be rendered as an actual dialog box.
  • The properties pane. This pane shows the properties of the node currently highlighted in the structure pane.

Using the Dialog Editor

To build a dialog box, the user drags and drops elements from the palette to the structure pane into position within the dialog definition hierarchy.

Once the desired structure is completed, the user clicks Save, at the top of the render pane.


Note that the dialog editor is intended for the creation is relatively simple dialogs and may not be able to edit more complex dialog definitions. In cases where the dialog editor does not allow the editing of a dialog structure, the dialog definition must be created and/or edited manually by directly editing the node structure using for example, CRXDE Lite or CRX Content Explorer.

Creating a New Dialog

To create a new dialog box you need to select the required component, click Create... and then Create Dialog....

Enter the required details then click Save All - now you can double-click on the dialog to open it with the editor.

Using the Dialog Editor for Scaffolds

A scaffolds is a special page that contains a form which can be filled in by the user and submmitted in one step, to rapidly create a page with using the content entered (see Scaffolding). The form that makes up a scaffold is defined by a dialog definition, just like a normal dialog box, though it appears on the scaffolding page in a different form. Because dialog definitions are used to define scaffolds, scaffolds can be designed using the dialog editor. Note that when using the dialog editor in this fashion is, the render pane will still display the the dialog definition in the form of a dialog box not as a scaffold. More information on using the dialog editor to create scaffolds can be found here.

Your comments are welcome!
Did you notice a way we could improve the documentation on this page? Is something unclear or insufficiently explained? Please leave your comments below and we will make the appropriate changes. Comments that have been addressed, by improving the documentation accordingly, will then be removed.


  • By anon - 1:06 PM on May 30, 2012   Reply
    Hi - very sparse documentation on a major development component - no effort made to describe how it works and whether it can do anything clever (such as have fields enabled/disabled if the user selects a particular item and all the other other typical dialog behavior) and no link to any actual documentation - if find all your CQ docs are equally poor as if you expect the product not to be used. Thankfully you do document the save button.
    • By aheimoz - 6:35 AM on May 31, 2012   Reply
      Thank you for your feedback, we will review it to see what we can improve when we next update this page.

      In the meantime you might find the following pages useful:

      Hope that helps.



    In order to post a comment, you need to sign-in.

    Note: Customers with DayCare user accounts need to create a new account for use on