Container Component | Community
Skip to main content
J
JustinBr17
Level 3
September 23, 2021
Solved

Container Component

  • September 23, 2021
  • 1 reply
  • 2921 views

Hi, 

I am trying to figure out if it is possible to configure another property in the container. Right now I have layout, ID, and background color in my properties but I want to add another field that operate like my layout property. 

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Rohit-Negi

Okay so now I see that I have a cq:dialog.

I would need to create one with a layout node, ID node, BackgroundColor node?


So do you want to have one more property tab OR do you want to have one more field below background color?

1 reply

Rohit-Negi
Rohit-Negi
Level 3
September 23, 2021

Hi @justinbr17 ,

 

I believe you want to have one more field as layout below the Background color. If yes, Then you can copy the layout node from crxde and copy it to the parent node of Layout node. So that new node and layout node both will be sibling. Just change the name property of the new node and it should solve the purpose.

 

Also, if you want to have different tabs in your container(Popertya,propertyb,propertyc) in that case you can have a structure like below:

 

Thanks!

    J
    JustinBr17Author
    Level 3
    September 23, 2021

    Thank You!, 

    Where would I find the layout node in CRXDE?

      Rohit-Negi
      Rohit-Negi
      Level 3
      September 23, 2021

      In CRXDE (http://<IP>:<port>/crx/de/index.jsp)

      • Go to the apps folder
      • Go to your project under apps folder
      • Below that there will be a folder for component(could be possible that you won't have in your project)
      • Select the component for which you have provided the screenshot under component folder
      • Under component open the cq:dialog node
      • iterate further below you should be able to see layout node,ID node, BackgroundColor node as sibling(you will find them at the last of iteration)

      Thanks!

       

        Terms & ConditionsAccessibility statement

        Loading footer...