Opening a dialog on click of a button component

[rohits64600205]

Hi,

I am using AEM 6.3 and have made a button component in touch UI. I want to open a dialog box which will have pathbrowser field on click of that button. Can anyone please help me on how to do it.

[smacdonald2008]

Are you referring to a component dialog? A component dialog that contains a path finder is typically opened when an author hovers over a component in Design mode in the Author instance. There is no need to have a button to open a component dialog.

[smacdonald2008]

To see use of a PathFinder granite data type (granite/ui/components/foundation/form/pathbrowser) in a component dialog - see this article:

Adobe Experience Manager Help | Creating an AEM 6.2 HTML Template Language tab movie component

[rohits64600205]

Hi. thanks for your reply. But we need to open the dialog in content page on click of the button in preview mode. May be there must be some method for toch Ui like we have in classic mode we use below method.

CQ.wcm.EditBase.showDialog(editRollOver, CQ.wcm.EditBase.EDIT);

[smacdonald2008]

I am looking for an example - if we have one within Adobe.

[smacdonald2008]

See -- Experiencing Adobe Experience Manager - Day CQ: AEM 6 SP2 - Touch UI Open Component Dialog Programma...

[rohits64600205]

Hi seems the link You shared is for opening dialog in author mode. I want a dialog should open on click of a button . i dont remember any example in Adobe but I can give some screen shots of how it should work . Please note on click of create this dialog box is appearing.

[VeenaVikraman]

I agree with scott smacdonald2008 For end users , anything you open can be handled via Jquery actions.

     Can you let me know your exact use case? May ne I can help? I am trying to understand the requirement like this in preview mode in author ?

[VeenaVikraman]

Hi rohits64600205​

          What are you trying to achieve here ? is it some kind of tool you are working on which needs a dialog to open ?  If you have Mock up can you add the screenshots here ?

Thanks

Veena

[Ratna_Kumar]

Hi Rohit,

As far as I know in AEM, you can view the page in preview mode that how the page looks after authored.

It is not possible to open the dialog in preview mode. You can author or open the dialog only in Edit mode.

Hope this helps!

~Ratna.

[smacdonald2008]

Ratna is correct - you cannot open an AEM dialog for a component in Preview mode.

[VeenaVikraman · Accepted solution]

I do agree with scott and ratna. If you are trying to open a dialog in preview mode may be you have to revisit your requirements

[rohits64600205]

Hi Veena,

You are correct I am working on tool. I have already attached one screen shot. Please can you look into this. I want a dialog to open on click of the button in author preview environment.

[ravikumarra]

Hi @rohits64600205 ,

were you able to get any solution for this use case?