March 20, 2020
Estimated Post Reading Time ~

What is Design in AEM and how to apply designs to a website ?

Website Designs:
Website designs are going to be created under Tools>etc/designs.
All site design components like CSS, Images, js, etc. are placed in this location.
http://localhost:4505/miscadmin#/etc/designs

How to create a design?
Go to tools> designs and create a new design by selecting your design page template. Put all your CSS, images, etc. files in this design level directories.

How to apply this design to the website?
Go to side kick>page>pageproperties>Advanced>designs> select required/created designs through above procedure.Save it, so that your website's all pages will have the new design now.

Content components:
Content appearing in sidekick are content components.
Need to get your component in your sidekick? Have any below items mapped to the component?
Edit config, design dialog, dialogue

Dialogues will have:
1) Field label: messaging information about the input.
2) xtype: type of the user interface
3) Name: is responsible for storage mechanism(it will always start with ./ if it is used as storage mechanism)

Default Widgets:
Adobe has implemented many widgets that can be used. All these can be seen at
/libs/cq/ui/widgets/source/widgets/
Eg: RichText: /libs/cq/ui/widgets/source/widgets/form/RichText.js



By aem4beginner

No comments:

Post a Comment

If you have any doubts or questions, please let us know.