Creating your first Adobe Experience Manager custom xtype

You can create an Adobe Experience Manager widget that is based on a custom xtype. A custom xtype can contain other AEM controls such as combo boxes, text boxes, and so on. Also, the xtype is used within a component's dialog within a panel. An AEM author enters values into the custom xtype that are used by the AEM component. You can develop the custom AEM component to use these values to meet your business requirements. In this article, the values are retrieved using application logic within the component's JSP file and written to a CQ page.

You can place AEM controls within a custom xtype and then use JavaScript to control the behavior of each control. That is, you can define custom functionality that is not available with the standard component. For example, you can define custom JavaScript application logic within an event handler and dynamically update other fields. For information, see Dynamically updating AEM custom xtype fields.

Creating custom xtypes is a method of extending AEM standard components. To create a custom xtype, you use the AEM widget API. For information, see CQ5 Widgets API Documentation.

The following illustration shows the custom xtype that is created in this development article.


An AEM custom xtype
This development article walks you through how to build this custom type.

To read this development article, click http://helpx.adobe.com/experience-manager/using/creating-custom-xtype.html.