Issue with clientlibs in AEM 6.3 for categories cq.authoring.dialog | Community
Skip to main content
cquser1
cquser1
Level 7
July 23, 2017
Solved

Issue with clientlibs in AEM 6.3 for categories cq.authoring.dialog

  • July 23, 2017
  • 3 replies
  • 2981 views

Hi,

I want to write a custom jquery/js function for some hide/show manipulations in dialog.

If I place this in clientlibs folder[having categories String[] cq.authoring.dialog, dependencies String[] granite.jquery] which has js.txt[having name of custom js/jquery file] and the custom file.

If i just put  the below

$(document).ready(function() {

    alert('check');

});

in custom file,

alert is displayed when I refresh the page and not when I open dialog. Trying on this for quite some time now, but no luck. Shouldn't ideally this alert be displayed when I open the dialog rather than on page refresh.

Also, created the clientlibs folder at component level, but still the same behavior.

Not sure what is it that I am doing wrong. Any thoughts on this will be really helpful.

    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 zeeshanKhan0786

    Hi

    This is true you will see the alert on page load because all the authoring clientLibs is loading on pageload in authoring mode.So when you load the page all client lib will load that along with your ClientLib, you can not use directly $(document).ready(function() it will show the alert when you load.you have to bind some event with that id.So it will trigger only whrn particular event occur on particular id like onclick below is the sample.

    $(document).ready(function(){

        $("p").click(function(){

            alert("The paragraph was clicked.");

        });

    });

    It will only occur when you click on p tag.

    This thread will help you Show hide dialog fields based on selection in AEM 6.3

    https://gist.github.com/rjspiker/003cf9eac1e853bb109a​

    Hope these will Help!

    3 replies

    zeeshanKhan0786
    zeeshanKhan0786Accepted solution
    Level 5
    July 23, 2017

    Hi

    This is true you will see the alert on page load because all the authoring clientLibs is loading on pageload in authoring mode.So when you load the page all client lib will load that along with your ClientLib, you can not use directly $(document).ready(function() it will show the alert when you load.you have to bind some event with that id.So it will trigger only whrn particular event occur on particular id like onclick below is the sample.

    $(document).ready(function(){

        $("p").click(function(){

            alert("The paragraph was clicked.");

        });

    });

    It will only occur when you click on p tag.

    This thread will help you Show hide dialog fields based on selection in AEM 6.3

    https://gist.github.com/rjspiker/003cf9eac1e853bb109a​

    Hope these will Help!

    cquser1
    cquser1Author
    Level 7
    July 23, 2017

    Hi zeeshank15007365,

    Thank you for detailed explanation.

    Ya actually am currently working on  Show hide dialog fields based on selection in AEM 6.3 this. Spent close to a day on this, but no luck. Let me post a seperate question on my doubts.

    edubey
    edubey
    Level 10
    July 24, 2017

    Files in the category cq.authoring.dialog are supposed to load when authoring mode and will be loaded on page load.

    If you are looking to have event on dialog open, correct answer will be to use

    $(document).on('dialog-ready', function () {
    });

      Terms & ConditionsAccessibility statement

      Loading footer...