adobeaemexperience-manager

How to add simple label on dialog.xml in CQ5 AEM?


I have to design my CQ5 dialog as given in the following image. I have designed almost all the dialog but unable to add simple two labels side by side highlighted as red. Can someone please suggest how I can achieve it in dialog.xml ? enter image description here


Solution

  • There is label xtype from CQ Widget API with style property which you can use as follows:

    <label_1
        jcr:primaryType="cq:Widget"
        style="width: 50%;display: inline;margin-left: 100px;font-weight: 600;"
        text="Use as default filter"
        xtype="label"/>
    <label_2
        jcr:primaryType="cq:Widget"
        style="width: 50%;display: inline;margin-left: 40px;font-weight: 600;"
        text="Show Advanced Options"
        xtype="label"/>
    

    You can change style according to your need.

    enter image description here