Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

Touch-UI cq:dialog - Pathbrowser

Avatar

Level 3

Hello,

I am currently working on AEM 6.0 and require to generate Touch-UI based dialogs for my components.

I understand there is also a dialog conversion tool which converts classic UI dialogs into Touc-UI dialogs.

https://docs.adobe.com/docs/en/aem/6-0/develop/dev-tools/dialog-conversion.html

We have been able to create (from scratch as well as using conversion tool) textfields, and textareas in Touch-UI but somehow not been able to make "pathbrowser" to work on Touch-UI. There is no way for author to drag and drop images from content-finder to pathbrowser.

I have followed the steps mentioned in the blog:

https://helpx.adobe.com/experience-manager/using/creating-touchui-component.html

Is there a way to replicate "browsefield" widget of classic-ui in Touch-UI ?

Thank you in advance!

-Varun

1 Accepted Solution

Avatar

Correct answer by
Administrator

Hi 

Please have a look at this reference link:- Link: http://experience-aem.blogspot.in/2015/02/aem-6-sp2-touch-ui-multi-field-component.html

"Create a component with Touch UI  Dialog and Multifield widget. Here we extend product multifield and create a composite multifield  /apps/touch-ui-multi-field-panel/multifield , configure it with two form fields, a Textfield (granite/ui/components/foundation/form/textfield), Pathbrowser (granite/ui/components/foundation/form/pathbrowser). End result is a simple Dashboard Component"

You can download package from there as well or can see demo for the same too.

I hope this would help you.

Thanks and Regards

Kautuk Sahni 



Kautuk Sahni

View solution in original post

2 Replies

Avatar

Correct answer by
Administrator

Hi 

Please have a look at this reference link:- Link: http://experience-aem.blogspot.in/2015/02/aem-6-sp2-touch-ui-multi-field-component.html

"Create a component with Touch UI  Dialog and Multifield widget. Here we extend product multifield and create a composite multifield  /apps/touch-ui-multi-field-panel/multifield , configure it with two form fields, a Textfield (granite/ui/components/foundation/form/textfield), Pathbrowser (granite/ui/components/foundation/form/pathbrowser). End result is a simple Dashboard Component"

You can download package from there as well or can see demo for the same too.

I hope this would help you.

Thanks and Regards

Kautuk Sahni 



Kautuk Sahni

Avatar

Level 3

Hello,

Thank you for your reply.

Please note that I have followed the steps mentioned on that blog. I am using AEM 6.0 (no service pack installed).

The way my "pathbrowser" widget is showing up in Touch-UI Dialog is like a "TeextField". I am unable to browser anything in the content repository.

Please find the screenshot attached.

Any more hints?

- Varun