How to do this in AEM | Community
Skip to main content
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Asutosh_Jena_
Asutosh_Jena_Accepted solution
New Participant
Aug 16, 2021 8:13 AM UTC

Hi @smitakagwade 

 

You can build one component which can be used to generate the individual tiles and each of the tile can be authored as a separate experience fragment.

Let's say you build one component called "tile".

Create XF1 -> author "tile" with one content.

Create XF2 -> author "tile" with another content.

so on...

 

Build a container component which can be multifield driven (the above XF paths will be configured) and can pull multiple tiles and show it based on the filter(which can be driven using JS). This container can be authored on separate XF i.e., with Service XF, Industry XF and technology XF.

 

Now build one Tab component and configure the above XFs i.e., Service Tab with Service XF, Industry Tab with Industry XF and Technology Tab with Technology XF. If it can grow more in future then make it as a multifield.

 

Thanks!

3 replies

Asutosh_Jena_
Asutosh_Jena_Accepted solution
New Participant
Aug 16, 2021 8:13 AM UTC

Hi @smitakagwade 

 

You can build one component which can be used to generate the individual tiles and each of the tile can be authored as a separate experience fragment.

Let's say you build one component called "tile".

Create XF1 -> author "tile" with one content.

Create XF2 -> author "tile" with another content.

so on...

 

Build a container component which can be multifield driven (the above XF paths will be configured) and can pull multiple tiles and show it based on the filter(which can be driven using JS). This container can be authored on separate XF i.e., with Service XF, Industry XF and technology XF.

 

Now build one Tab component and configure the above XFs i.e., Service Tab with Service XF, Industry Tab with Industry XF and Technology Tab with Technology XF. If it can grow more in future then make it as a multifield.

 

Thanks!

Translate
smitakagwade
Level 2
Aug 16, 2021 9:26 AM UTC

Hello @asutosh_jena_ ,

Thank you so much for your quick reply.
You said I need to build components  that meas
 I need to build custom components for this or I can use available component?

Translate
Asutosh_Jena_
New Participant
Aug 16, 2021 9:39 AM UTC

Hi @smitakagwade 

There are few OOTB components available as part of the Core Component group.

https://www.aemcomponents.dev/

 

You can refer those and see if you can reuse anything and if it cannot be used then you need to build the custom component.

 

Thanks!

Translate