Opening a dialog on click of a button component | Community
Skip to main content
R
rohits64600205
Level 2
August 4, 2017
Solved

Opening a dialog on click of a button component

  • August 4, 2017
  • 13 replies
  • 6888 views

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.

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by VeenaVikraman

    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

    13 replies

    smacdonald2008
    smacdonald2008
    Level 10
    August 4, 2017

    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
      smacdonald2008
      Level 10
      August 4, 2017

      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

      R
      rohits64600205Author
      Level 2
      August 4, 2017

      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
      smacdonald2008
      Level 10
      August 4, 2017

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

      R
      rohits64600205Author
      Level 2
      August 4, 2017

      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
      Community Advisor
      VeenaVikramanCommunity Advisor
      Community Advisor
      August 4, 2017

      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
      Community Advisor
      VeenaVikramanCommunity Advisor
      Community Advisor
      August 4, 2017

      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
      Ratna_Kumar
      Level 10
      August 4, 2017

      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
        smacdonald2008
        Level 10
        August 4, 2017

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

        Show more replies
        Terms & ConditionsAccessibility statement

        Loading footer...