Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Alerts Component using content fragment

Avatar

Level 2

I have to create Alerts Component using  Content fragments to load Alerts via XF how can I do that ?

 

Thank You

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @Teju_8 ,

A few steps to do.

1. Get ready with your html, css and component dialog

2. Add your css/js to a client library(to the appropriate existing one) and refer them in to your template.

3. Create a content fragment and add your component to the content fragment.

4. Add your content fragment to your page or to the template structure.

more on content fragments: https://experienceleague.adobe.com/docs/experience-manager-learn/sites/content-fragments/content-fra... 

 

more on component development: https://experienceleague.adobe.com/docs/experience-manager-64/developing/components/components-basic... 

 

Thank you.

Regards,

Sravan

View solution in original post

4 Replies

Avatar

Community Advisor

@Teju_8 Yes, you can create any custom component via XF.

But did not get your question, how do to want to use the content fragment over here.

Thanks

Avatar

Level 2

Actually in our requirement we want to show alert on website through content fragment.  

Avatar

Community Advisor

Hi @Teju_8 ,

You can implement that in the frontend code considering component, a component which alerts are all based on css class like popup, warnings etc.

One of the approach could be,

  • Set a variable for css class and the message which can be from Content Fragment/XF(If it's common throughout the site) and then display the content fragment message in html.

Hope that helps you!

Regards,

Santosh

Avatar

Correct answer by
Community Advisor

Hi @Teju_8 ,

A few steps to do.

1. Get ready with your html, css and component dialog

2. Add your css/js to a client library(to the appropriate existing one) and refer them in to your template.

3. Create a content fragment and add your component to the content fragment.

4. Add your content fragment to your page or to the template structure.

more on content fragments: https://experienceleague.adobe.com/docs/experience-manager-learn/sites/content-fragments/content-fra... 

 

more on component development: https://experienceleague.adobe.com/docs/experience-manager-64/developing/components/components-basic... 

 

Thank you.

Regards,

Sravan