Tuesday 10 June 2014

Website Designs steps in AEM

Website Designs:

Websites designs are going to be created under Tools>etc/designs.
All site design components like css,images,js etc. are placed in this location.
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.
Applying design to 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 side kick are content components.
Need to get your component in your side kick? Have any below items mapped to the component.
Edit config, design dialog, dialogue

Dialogues will have
1) Field label: messaging information about 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 which can be used. All these can be seen at
Eg: Rich text : /libs/cq/ui/widgets/source/widgets/form/RichText.js

No comments:

Post a Comment