Creating cq5 component with a dialog (configurable component) - Part 2

This post is a sequel to the post Creating cq5 component with a dialog (configurable component) - Part 1

Now that we have our dialog ready lets see how the data can be fetched in our jsp and displayed.

The data configured by the author are stored as properties of a node. Since cq5 is built on sling it treats everything as a content and content has resource. So instead of using the node,we can use resource to fetch the property. The properties are stored as a value map. We'll have to fetch the property from the value map.

CQ5 exposes valueMap of the components' resource as "properties" object (it is done in one of the files included in global.jsp . Make it a point to include global.jsp in every jsp). The valueMap has get() method which will return the value.



The jsp of our blogPost component will be like this

That's it, our configurable blog component is done.

cq:text tag is a convenience tag that is brilliant to output formatted HTML. It comes with a lot of brilliant things like a place holder, tagClass etc... The best part is no null pointers in case you are not using jstl. .

NOTE: You can use the properties object in JSTL too. Ex: ${properties.title} instead of <%=properties.get("title","configure title")%>

Related Items CQ5 basics cq5 component cq5 dialog