How can I add action to button in componnet | Community
Skip to main content
Anonymous
Jun 21, 2017 11:06 AM UTC
Solved

How can I add action to button in componnet

Hi,

How can I add action to button in component. Button is not selecting from inside the component in aem 6.2

please find below img for reference.

Thanks in advance.

Sandhya.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
VeenaVikraman
VeenaVikramanAccepted solution
New Participant
Jun 21, 2017 2:32 PM UTC

Hi Sandya

     You can write a click event associated with your button . (I assume the button you are referring here should be the one labelled Convert ? )

     Add a class or div id to you button's HTML and as smacdonald2008​ Scott mentioned , write a javascript/jquery function for the click event associated with the class or div .

This may help you https://api.jquery.com/click/

PS:- Above solution is in an assumption that you are looking to attach an event to your button in your page . (Since your query doesn't have much details to explore more )

Thanks

Veena

View reply

6 replies

Anonymous
Aug 3, 2017 8:53 AM UTC

thank you Scott

Translate
smacdonald2008
smacdonald2008
Level 10
Aug 1, 2017 8:50 PM UTC

Yes - you can put JS that handles a click event in a client lib.

This article will help you -- Scott's Digital Community: Creating an AEM HTL component that uses JavaScript

Translate
ebin_Aby
ebin_Aby
Level 2
Aug 1, 2017 8:46 PM UTC

Hey Scott,

Can we put the onclick / click end in our client lib ?

Translate
Prince_Shivhare
Prince_Shivhare
New Participant
Jun 21, 2017 2:39 PM UTC

Hi Sandhya,

It's same as normal html and js. if you want the button to be functional then you need to specify the logic in js.

and use clientlib to call the js into your component and js function into the html file.

onclick Event

Please check above link. you will get to know about it.

~ Prince

Translate
VeenaVikraman
VeenaVikramanAccepted solution
New Participant
Jun 21, 2017 2:32 PM UTC

Hi Sandya

     You can write a click event associated with your button . (I assume the button you are referring here should be the one labelled Convert ? )

     Add a class or div id to you button's HTML and as smacdonald2008​ Scott mentioned , write a javascript/jquery function for the click event associated with the class or div .

This may help you https://api.jquery.com/click/

PS:- Above solution is in an assumption that you are looking to attach an event to your button in your page . (Since your query doesn't have much details to explore more )

Thanks

Veena

Translate
smacdonald2008
smacdonald2008
Level 10
Jun 21, 2017 2:20 PM UTC

If you are using HTL - then use JavaScript to drive an action on a button in the component. Using HTL - you can use a ClientLib that contains the JS file - as shown in this article:

Scott's Digital Community: Creating an AEM HTL component that uses JavaScript

Translate
    Terms & ConditionsAccessibility statement

    Loading footer...