How to reload the one component after click on the other component in the same page? AEM6.3 | Community
Skip to main content
A
aravindS
Level 5
July 8, 2019
Solved

How to reload the one component after click on the other component in the same page? AEM6.3

  • July 8, 2019
  • 4 replies
  • 3501 views

Hi,

I created the page with emultiple components, my requirement is load the one component after click (some button) on other component in the same page.

Thanks in Advance

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 Tuhin_Ghosh

You could use JS show hide function on the div of second component which would be managed/called by the button click of first component as rightly mentioned by Arun.

How To Toggle Between Hiding And Showing an Element

Thanks

Tuhin

4 replies

A
Anonymous
July 17, 2019

Components are supposed to be loaded in Editable Templates or on pages where a policy has been set allowing a component to be dropped onto the page.

arunpatidar
Community Advisor
arunpatidarCommunity Advisor
Community Advisor
July 17, 2019

I don't think, that is a good practice.

But you can load both components and hide the second one and show when the button is clicked.

It can be done with a simple js code.

Arun Patidar
Tuhin_Ghosh
Tuhin_GhoshAccepted solution
Level 8
July 18, 2019

You could use JS show hide function on the div of second component which would be managed/called by the button click of first component as rightly mentioned by Arun.

How To Toggle Between Hiding And Showing an Element

Thanks

Tuhin

A
aravindSAuthor
Level 5
July 22, 2019

That's for our case we are using like that only, but At first time page loaded only all the components are loaded.. But i need to show the component after the clicking of the second component button (it should pass data to 3rd component).

Thanks..

Terms & ConditionsAccessibility statement

Loading footer...