Tuesday 25 February 2014

Creating a custom CQ component that uses an editable dialog grid

You can create an Adobe Experience Manager (AEM) custom component that contains an editable grid control that displays data. The data within the grid can be edited by clicking on a cell. The data grid is an instance of CQ.Ext.grid.EditorGridPanel. For information, see CQ.Ext.grid.EditorGridPanel.

The grid lets an AEM author open the component's dialog, view data and edit a cell's content, as shown in the following illustration.

A CQ.Ext.grid.EditorGridPanel that contains editable cells

This article walks you through how to build a custom AEM component that contains a grid with editable cells. To read this development article, click  http://helpx.adobe.com/experience-manager/using/creating-custom-cq-grid.html.

Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner




I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.


TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel


Monday 24 February 2014

Creating Adobe CQ bundles using Apache CXF that consume web services

You can create an Adobe CQ bundle that consumes data from a third-party web service and displays the data in a web page. For example, assume that you use Adobe CQ to create a web site for a government department that tracks weather information. In this situation, you can create a CQ bundle that retrieves data from a third-party web service and displays the data within a form located in a web page.

The following illustration shows data being retrieved from a third-party web service and displayed in a JSP.

You can develop an OSGi bundle that contains Java proxy classes that were created by using Apache CFX. That is, you can use a tool such as Apache CXF WSDL to Java to generate the Java proxy classes that are based on the WSDL of an external web service. For information about Apache CXF, see WSDL to Java.

To read this article, click  http://helpx.adobe.com/experience-manager/using/creating-cxf-bundles-consume-web.html.

Note: You can use JAX-WS instead of Apache CXF to generate Java proxy files. For information, see Creating Adobe CQ bundles that consume web services.

Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner




I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.


TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel


Thursday 6 February 2014

Creating a custom CQ component that uses a dialog grid

You can create an Adobe Experience Manager (AEM) custom component that contains a grid control that displays data. The custom component contains a dialog that renders a grid. The data grid is an instance of CQ.Ext.grid.GridPanel. For information, see CQ.Ext.grid.GridPanel.


The grid lets an AEM author open the component's dialog and view data, as shown in the following illustration.

A grid control located in an AEM component's dialog


You can populate the grid by using a CQ.Ext.data.Store instance. You can define a JavaScript method that dynamically creates a CQ.Ext.data.Store instance to populate the grid with data obtained at run-time.

This article walks you through how to build a custom AEM component that contains the data grid. To read this development article, click http://helpx.adobe.com/experience-manager/using/creating-custom-cq-component-uses.html.

Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner




I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.


TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel


Monday 3 February 2014

Injecting a DataSourcePool into Adobe Experience Manager Sling Servlets

You can create an Adobe Experience Manager (AEM) application that lets a user enter data into a web page and post the data to an AEM Sling Servlet. The Sling Servlet can use a DataSourcePool to persist the submitted data into a relational database, as shown in the following illustration.  



The Sling Servlet that is created uses a DataSourcePool to persist the data into MySQL. To read this development environment, click http://helpx.adobe.com/experience-manager/using/custom-sling-servlets1.html.

Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner




I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.


TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel