How to add button on a cq:dialog

[bharathi_reddy]

Hi All,

I have a requirement where i have to add a button to cq:dialog . On click of that button i need to send current page URL to the servlet.

Please do let me know how i can achieve this in AEM touch UI dialog.

[smacdonald2008]

You can use this Granite data type: 

https://docs.adobe.com/docs/en/cq/5-6-1/touch-ui/granite-reference.html#Button

ALso - in the Touch UI component dialog - you can create a custom sling:resourceType that is basically a JQuery plug-in. This lets you add any field that is not available out of the box and then introduce custom logic.In this use case - you can use JQuery and AJAX. 

See this article to learn how ot develop a custom sling.resourceType:

http://scottsdigitalcommunity.blogspot.com/2017/02/creating-custom-experience-manager.html

Hope this helps. 

[kautuk_sahni · Accepted solution]

Here is Granit Reference :- https://docs.adobe.com/docs/en/aem/6-1/develop/extending/granite/granite-reference.html#Button

// It covers following:

- Granite - Foundation Components

- Breadcrumb

- Button

- Collection

- Container

- Content

- Form Inputs

- Form Inputs - Checkbox

- Form Inputs - Hidden

- Form Inputs - Radio

- Form Inputs - Dropdown

- Form Inputs - Datepicker

- Form Inputs - Tags

- Form Inputs - Reset

- Form Inputs - Search Field

- Form Inputs - Submit

- Form Inputs - Textarea

- Form Inputs - Text Field

- Form Inputs - Userpicker

- Form Inputs - Pathbrowser

- Heading

- Hyperlink

- Text

- Tabs

I hope this would help you.

~kautuk