Alerts Component using content fragment

[Teju_8]

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

Thank You

[shaileshbassi]

@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

[Teju_8]

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

[SantoshSai]

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

[B_Sravan · Accepted solution]

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