Adobe Experience Manager Sites & More

mudaliar847906 · 9/17/21

Hi Team,

I never worked on AEM 6.1 version recently i got one PRODUCTION issue in AEM 6.1 version.

Now i need to create new client library and adding css for the component.

if any one working in AEM 6.1 for kindly help me with step which i need to folow to use the newly created css in component.

Regards

Manikantha R

Asutosh_Jena_ · 9/17/21

Please follow the below steps:

1. Open CRXDE Lite in a web browser (http://:/crx/de).
2. Select the folder where you want to locate the client library folder and click Create > Create Node.
3. Enter a name for the library file, and in the Type list select cq:ClientLibraryFolder. Click OK and then click Save All.
4. To specify the category or categories that the library belongs to, select the cq:ClientLibraryFolder node, add the following property, and then click Save All:
- Name: categories
- Type: String
- Value: The category name
- Multi: Select
5. Add source files to the library folder by any means.
6. Select the client library folder and click Create > Create file.
7. In the file name box, type one of the following file names and click OK:
- js.txt: Use this file name to generate a JavaScript file.
- css.txt: Use this file name to generate a Cascading Style Sheet.
8. Open the file and type the following text to identify the root of the path of the source files:
#base=[root]
9. On the lines below #base=[root], type the paths of the source files relative to the root. Place each file name on a separate line.
10. Click Save All.

You can refer the link here as well:

Thanks!

Asutosh_Jena_ · 9/17/21

Please follow the below steps:

1. Open CRXDE Lite in a web browser (http://:/crx/de).
2. Select the folder where you want to locate the client library folder and click Create > Create Node.
3. Enter a name for the library file, and in the Type list select cq:ClientLibraryFolder. Click OK and then click Save All.
4. To specify the category or categories that the library belongs to, select the cq:ClientLibraryFolder node, add the following property, and then click Save All:
- Name: categories
- Type: String
- Value: The category name
- Multi: Select
5. Add source files to the library folder by any means.
6. Select the client library folder and click Create > Create file.
7. In the file name box, type one of the following file names and click OK:
- js.txt: Use this file name to generate a JavaScript file.
- css.txt: Use this file name to generate a Cascading Style Sheet.
8. Open the file and type the following text to identify the root of the path of the source files:
#base=[root]
9. On the lines below #base=[root], type the paths of the source files relative to the root. Place each file name on a separate line.
10. Click Save All.

You can refer the link here as well:

Thanks!

mudaliar847906 · 9/17/21

Hi asutosh,

The above process which we will do in AEM 6.2+ versions.

Is it same process for AEM 6.1 version as well.

Please confirm.

Regards

Manikantha R

Asutosh_Jena_ · 9/17/21

Yes.

BrianKasingli · 9/17/21

You can also checkout this video on how to create a client library in 6.1, https://www.youtube.com/watch?v=6FfPDCJSkK0

It will be the same format that you will follow from AEM 6.1 to the latest AEM.

Anny0505 · 9/19/21

Please check the link given below

Thanks,

Aruna

creating client library in AEM 6.1 version