AEM 6.3 Granite UI : Coral 3 components

 

Here, I am sharing some snippets which can be used while building AEM 6.3 touch UI dialogs using coral UI components, I feel most of  AEM people are very much familiar with classic UI  xtype based widgets such as text field, path field etc… but when it comes to touch UI we don’t have xtype’s, all we have is resourceType’s so, sometimes it is difficult to remember entire resourceType path as a beginner to Touch UI so, I am sharing some snippets which I feel we use very frequently, I hope it may help to some people who started learning Touch UI

Multifield

Prior versions of AEM 6.3 multifield widget does not support more than one field but, coral 3 control allows you to add more than one control, for more information refer this article AEM 6.3 Granite UI Coral 3 multifield component

TextField

Checkbox

PathField

RadioGroup

Dropdown List

ColorField

Upload File

DatePicker

Userpicker

Numberfield

Richtext

Textarea