Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

How to create a component in the IDE now "create component" has been removed?

Avatar

Avatar
Ignite 10
Level 4
TB3dock
Level 4

Likes

34 likes

Total Posts

203 posts

Correct Reply

4 solutions
Top badges earned
Ignite 10
Boost 25
Give Back 25
Validate 10
Validate 1
View profile

Avatar
Ignite 10
Level 4
TB3dock
Level 4

Likes

34 likes

Total Posts

203 posts

Correct Reply

4 solutions
Top badges earned
Ignite 10
Boost 25
Give Back 25
Validate 10
Validate 1
View profile
TB3dock
Level 4

31-03-2021

Now Adobe have removed the "create component" "create template" and "create Dialog" menu items from crx/de, these have to be created by hand in the IDE.

 

This is fine, except 100% of the tutorials use the menu menthod, so I cant find any info on how to create the necessary files and folders by hand.

 

Looking at the hello world example, its component looks like this:

 

/ui.apps/src/main/content/jrc_root/apps/wknd/components/helloworld

   _cq_dialog

      .content.xml

   .content.xml

   helloworld.html

 

However, if we look at a different component, we see a different structure:

  button

      .content.xml

 

list component only has nodes, no files.

 

do the files have to be called .content.xml, or can they be named anything?

is _cq_dialog a reserved directory name, or something made up by the dev?

 

What are the required/optional files and folders?

What are the naming conventions?

Are there any other tools to create components, now the main one has been removed?

Is there any tutorial which shows how to create components, dialogs and templates by hand in the IDE?

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Give Back 100
Level 10
asutosh_jena
Level 10

Likes

544 likes

Total Posts

663 posts

Correct Reply

190 solutions
Top badges earned
Give Back 100
Boost 500
Affirm 100
Ignite 1
Establish
View profile

Avatar
Give Back 100
Level 10
asutosh_jena
Level 10

Likes

544 likes

Total Posts

663 posts

Correct Reply

190 solutions
Top badges earned
Give Back 100
Boost 500
Affirm 100
Ignite 1
Establish
View profile
asutosh_jena
Level 10

31-03-2021

Hi @TB3dock 

Creating a component in IDE is straight forward.

asutosh_j3_0-1617186301185.png

Each component will have some basic fields as shown above:

byinline: This is the folder which will be the component name.

_cq_dialog: This will be the folder which will hold the cq:dialog node.

.content.xml inside _cq_dialog: This xml file will hold the XML structure of the dialog.

.content.xml parallel to _cq_dialog: This is the XML file which will hold the XML structure for the component such as component group, sling resource type and all.

byline.html: This will be the HTL file for the component.

 

Based on the component type you will need to decide which file you want to create and keep.

 

Please refer the below adobe article for more details:

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-wknd-tutorial-devel...

 

Hope this helps!

Thanks!

Answers (0)