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

[AEM Gems Webinar] Accelerating Experience Manager as a Cloud Service development with Rapid Development Environments
Adobe Summit 2023 | Complete list of AEM Sessions & Labs
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

0 Replies

Avatar

Level 8

@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