Menu

How to find all client library files(JS and CSS) in AEM?

Today in this tutorial we are going to learn how to find all client library files (JS and CSS) in AEM? 

In AEM we have a console to find all the client libraries and their dependencies along with JS and CSS files. Using the below URL we can access that console.

http://localhost:4503/libs/granite/ui/content/dumplibs.html

We can also filter our library files on the basis of categories and templates.

  • If you want to see all the files belongs to particular categories then put the category name in the categories field and click on the search button.
  • If you want to see only JS or CSS files from particular categories then put the type JS for javascript files and CSS for cascading style sheet files and click on the search button.
  • Also, you can find the files based on the theme. Using this you will be able to identify what all library files are being used in this theme. To find the related files with theme simple put the name of the theme in the Theme section and click on the search button

Below is the screenshot where we have applied filter on the basis of categories and type:


/libs/granite/ui/content/dumplibs.html
List of client libraries in AEM 
There are two parts or sections of this report as you can see in the above screenshot.

  1. The result section will give you results based on the applied filter.
  2. and the second section has Libraries by Path which have information of the file. Here as you can see the first column has the name of the file along with its path, the second column will let you know the type of that file either JS, CSS or image, and the last column contains the information regarding its group (from where this file belongs) which we called categories in AEM.


For more about clientLibs please refer: http://blogs.adobe.com/experiencedelivers/experience-management/clientlibs-explained-example/

علم

علم


ﺍﯾﮏ ﺍﺳﺘﺎﺩ ﺗﮭﺎ ﻭﮦ ﺍﮐﺜﺮ ﺍﭘﻨﮯ ﺷﺎﮔﺮﺩﻭﮞ ﺳﮯ ﮐﮩﺎ ﮐﺮﺗﺎ ﺗﮭﺎ ﮐﮧ ﯾﮧ ﺩﯾﻦ ﺑﮍﺍ ﻗﯿﻤﺘﯽ ﮨﮯ۔ ﺍﯾﮏ ﺭﻭﺯ ﺍﯾﮏ ﻃﺎﻟﺐ ﻋﻠﻢ ﮐﺎ ﺟﻮﺗﺎ ﭘﮭﭧ ﮔﯿﺎ۔ ﻭﮦ ﻣﻮﭼﯽ ﮐﮯ ﭘﺎﺱ ﮔﯿﺎ ﺍﻭﺭ ﮐﮩﺎ :  ﻣﯿﺮﺍ ﺟﻮﺗﺎ ﻣﺮﻣﺖ ﮐﺮﺩﻭ۔ ﺍﺱ ﮐﮯ ﺑﺪﻟﮧ ﻣﯿﮟ ، ﻣﯿﮟ ﺗﻤﮩﯿﮟ ﺩﯾﻦ ﮐﺎ ﺍﯾﮏ ﻣﺴﺌﻠﮧ ﺑﺘﺎﺅﮞ ﮔﺎ۔
ﻣﻮﭼﯽ ﻧﮯ ﮐﮩﺎ : ﺍﭘﻨﺎ ﻣﺴﺌﻠﮧ ﺭﮐﮫ ﺍﭘﻨﮯ ﭘﺎﺱ۔ ﻣﺠﮭﮯ ﭘﯿﺴﮯ ﺩﮮ۔
ﻃﺎﻟﺐِ ﻋﻠﻢ ﻧﮯ ﮐﮩﺎ : ﻣﯿﺮﮮ ﭘﺎﺱ ﭘﯿﺴﮯ ﺗﻮﻧﮩﯿﮟ ﮨﯿﮟ۔
ﻣﻮﭼﯽ ﮐﺴﯽ ﺻﻮﺭﺕ ﻧﮧ ﻣﺎﻧﺎ۔ ﺍﻭﺭ ﺑﻐﯿﺮ ﭘﯿﺴﮯ ﮐﮯ ﺟﻮﺗﺎ ﻣﺮﻣﺖ ﻧﮧ ﮐﯿﺎ۔ﻃﺎﻟﺐِ ﻋﻠﻢ ﺍﭘﻨﮯ ﺍﺳﺘﺎﺩ ﮐﮯ ﭘﺎﺱ ﮔﯿﺎ ﺍﻭﺭ ﺳﺎﺭﺍ ﻭﺍﻗﻌﮧ ﺳُﻨﺎ ﮐﺮ ﮐﮩﺎ 
ﻟﻮﮔﻮﮞ ﮐﮯ ﻧﺰﺩﯾﮏ ﺩﯾﻦ ﮐﯽ ﻗﯿﻤﺖ ﮐﭽﮫ ﺑﮭﯽ ﻧﮩﯿﮟ۔ ﺍﺳﺘﺎﺩ ﻋﻘﻞ ﻣﻨﺪ ﺗﮭﮯ : ﻃﺎﻟﺐِ ﻋﻠﻢ ﺳﮯ ﮐﮩﺎ 
ﺍﭼﮭﺎ ﺗﻢ ﺍﯾﺴﺎ ﮐﺮﻭ : ﻣﯿﮟ ﺗﻤﮩﯿﮟ ﺍﯾﮏ ﻣﻮﺗﯽ ﺩﯾﺘﺎ ﮨﻮﮞ ﺗﻢ ﺳﺒﺰﯼ ﻣﻨﮉﯼ ﺟﺎ ﮐﺮ ﺍﺱ ﮐﯽ ﻗﯿﻤﺖ ﻣﻌﻠﻮﻡ ﮐﺮﻭ۔
ﻭﮦ ﻃﺎﻟﺐِ ﻋﻠﻢ ﻣﻮﺗﯽ ﻟﮯ ﮐﺮ ﺳﺒﺰﯼ ﻣﻨﮉﯼ ﭘﮩﻨﭽﺎ ﺍﻭﺭ ﺍﯾﮏ ﺳﺒﺰﯼ ﻓﺮﻭﺵ ﺳﮯ ﮐﮩﺎ 
ﺍﺱ ﻣﻮﺗﯽ ﮐﯽ ﻗﯿﻤﺖ ﻟﮕﺎﺅ۔ﺍﺱ ﻧﮯ ﮐﮩﺎ ﮐﮧ ﺗﻢ ﺍﺱ ﮐﮯ ﺑﺪﻟﮯﯾﮩﺎﮞ ﺳﮯ ﺩﻭ ﺗﯿﻦ ﻟﯿﻤﻮﮞ ﺍُﭨﮭﺎ ﻟﻮ۔ﺍﺱ ﻣﻮﺗﯽ ﺳﮯ ﻣﯿﺮﮮ ﺑﭽﮯ ﮐﮭﯿﻠﯿﮟ ﮔﮯ۔ ﻭﮦ ﺑﭽﮧ ﺍﺳﺘﺎﺩ ﮐﮯ ﭘﺎﺱ ﺁﯾﺎ ﺍﻭﺭ ﮐﮩﺎ : ﺍﺱ ﻣﻮﺗﯽ ﮐﯽ ﻗﯿﻤﺖ ﺩﻭ ﯾﺎ ﺗﯿﻦ ﻟﯿﻤﻮﮞ ﮨﮯ۔
ﺍﺳﺘﺎﺩ ﻧﮯ ﮐﮩﺎ 
ﺍﭼﮭﺎ ﺍﺏ ﺗﻢ ﺍﺱ ﮐﯽ ﻗﯿﻤﺖ ﺳُﻨﺎﺭ ﺳﮯ ﻣﻌﻠﻮﻡ ﮐﺮﻭ۔ﻭﮦ ﮔﯿﺎ ﺍﻭﺭ ﭘﮩﻠﯽ ﮨﯽ ﺩﮐﺎﻥ ﭘﺮ ﺟﺐ ﺍﺱ ﻧﮯ ﻣﻮﺗﯽ ﺩﮐﮭﺎﯾﺎ ﺗﻮ ﺩﮐﺎﻥ ﺩﺍﺭ ﺣﯿﺮﺍﻥ ﺭﮦ ﮔﯿﺎ۔
ﺍﺱ ﻧﮯ ﮐﮩﺎ ﺍﮔﺮ ﺗﻢ ﻣﯿﺮﯼ ﭘﻮﺭﯼ ﺩﮐﺎﻥ ﺑﮭﯽ ﻟﮯ ﻟﻮ ﺗﻮ ﺑﮭﯽ ﺍﺱ ﻣﻮﺗﯽ ﮐﯽ ﻗﯿﻤﺖ ﭘﻮﺭﯼ ﻧﮧ ﮨﻮﮔﯽ۔ ﻃﺎﻟﺐِ ﻋﻠﻢ ﻧﮯ ﺍﭘﻨﮯ ﺍﺳﺘﺎﺩ ﮐﮯ ﭘﺎﺱ ﺁﮐﺮ ﻣﺎﺟﺮﺍ ﺳُﻨﺎﯾﺎ۔ ﺍﺳﺘﺎﺩ ﻧﮯ ﮐﮩﺎ 
ﺑﭽﮯ ! ﮨﺮ ﭼﯿﺰ ﮐﯽ ﻗﯿﻤﺖ ﺍﺱ ﮐﯽ ﻣﻨﮉﯼ ﻣﯿﮟ ﻟﮕﺘﯽ ﮨﮯ۔ ﺩﯾﻦ ﮐﯽ ﻗﯿﻤﺖ ﺍﻟﻠﮧ ﮐﯽ ﻣﻨﮉﯼ ﻣﯿﮟ ﻟﮕﺘﯽ ﮨﮯ۔ﺍﺱ ﻗﯿﻤﺖ ﮐﻮ ﺍﮨﻞِ ﻋﻠﻢ ﮨﯽ ﺳﻤﺠﮭﺘﮯ ﮨﯿﮟ۔ ﺟﺎﮨﻞ ﮐﯿﺎ ﺟﺎﻧﮯ ﺩﯾﻦ ﮐﯽ ﻗﯿﻤﺖ ﮐﯿﺎ ﮨﮯ ۔

Student registration form in HTML

Create a simple student registration form using HTML. This form should have option to fill the following:
  1. Student Name
  2. Student Email
  3. Program Type
  4. Interested in doing which course
  5. Day preference
  6. Submit and Clear button  

Below is the HTML code. You could copy and paste the complete content and run in your machine.

You HTML form will look like as below:

Student registration form


Hope this helps you to create and understand the different input fields of HTML and how to develop a HTML form using all kind of input fields.