Integrating custom CQ widgets with third-party libraries

- Scott Macdonald, Senior Content and Community Lead @ Adobe

Have you ever wondered how to create a custom CQ widget that performs tasks not available with out of the box CQ components. In this situation, you can create a CQ widget that uses third-party libraries that lets your CQ application perform custom tasks. For example, assume that you want to create a CQ application that lets you view a specific street by using Google Map APIs.

Perhaps, you want your CQ component to accept latitude and longitude values and then show the results, as shown in the following illustration.

If you are interested in learning how to create CQ components that use third-party libraries, then check out the following article:


Read the original post at Scott's Digital Community.

Basic CQ5 code examples

– Feike Visser, Technical Architect @Adobe

In this blogpost I will go through some sample code that you can use in your components, all samples are available out of the box.

So there is no need to write custom code in OSGi bundles for these samples.

Make sure you have this line at the beginning of your component:

This global.jsp defines a set of global taglibs and makes a number of objects available that you can use via.


Read the complete post at the Experience Delivers blog.

CQ Developer Tricks

- Feike Visser

While working with Adobe CQ5 every now and then you discover some new tricks or options, here the list that I use daily:

Remove #cf/

Don’t want to see/wait for the content-finder while refereshing pages, just remove #cf/ in your url.


Shows you all details of the components used on your page


Runs Firebug Lite inside your browser


This parameter sets your WcmMode in the specified mode, makes testing for a particular WcmMode easier .



Read the complete blog post at the Experience Delivers blog.