Skip to main content
Joel_Triemstra1
Level 3
Oct 16, 2015 2:28 AM UTC
Solved

More information on events in Touch UI dialogs

I'm looking at putting some event handling on a dialog and going through the instructions here: https://helpx.adobe.com/experience-manager/using/creating-touchui-events.html

1) The instructions result in an event that fires on ALL dialogs. Is there an example for setting up an event on a specific dialog?

2) Those instructions reference a "dialog-ready" event. Is there a list of defined events?

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    smacdonald2008
    smacdonald2008Accepted solution
    Level 10
    Oct 16, 2015 2:28 AM UTC

    There are no specific  events for the Touch UI dialog. You use DOM events to handle Touch UI dialog events - as discussed in the article:

    "In AEM 6, the Touch UI APIs do not have event handler methods. As a result, to handle events, use DOM supported events. You can use JQuery to handle events."

    View in thread

    3 replies

    Joel_Triemstra1Author
    Level 3
    Oct 16, 2015 2:28 AM UTC

    Where does "dialog-ready" come from, though? I don't see it here: https://developer.mozilla.org/en-US/docs/Web/Events and all the references I find to it online are specific to AEM.

    Translate
    Kunal_Gaba_
    Kunal_Gaba_
    New Member
    Oct 16, 2015 2:28 AM UTC

    You can add a condition block to check for dialog source property in the event handler and write your logic inside the condition block. Example code - 

    var config = Granite.author.DialogFrame.currentDialog.getConfig(); if (config.src == "<Your dialog path>") { }
    Translate
    smacdonald2008
    smacdonald2008Accepted solution
    Level 10
    Oct 16, 2015 2:28 AM UTC

    There are no specific  events for the Touch UI dialog. You use DOM events to handle Touch UI dialog events - as discussed in the article:

    "In AEM 6, the Touch UI APIs do not have event handler methods. As a result, to handle events, use DOM supported events. You can use JQuery to handle events."

    Translate
    Terms & ConditionsAccessibility statement

    Loading footer...