Expand my Community achievements bar.

Radically easy to access on brand approved content for distribution and omnichannel performant delivery. AEM Assets Content Hub and Dynamic Media with OpenAPI capabilities is now GA.
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