Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Adobe Summit 2023 [19th to 23rd March, Las Vegas and Virtual] | Complete AEM Session & Lab list
SOLVED

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

Avatar

Level 3

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

1 Accepted Solution

Avatar

Correct answer by
Level 7

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

0 Replies

Avatar

Level 4

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.

Avatar

Community Advisor

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.

Avatar

Correct answer by
Level 7

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

Avatar

Level 3

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..