Alerts Component using content fragment | Community
Skip to main content
T
Teju_8
June 20, 2022
Solved

Alerts Component using content fragment

  • June 20, 2022
  • 3 replies
  • 1419 views

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

 

Thank You

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by B_Sravan

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-fragments-feature-video-use.html 

 

more on component development: https://experienceleague.adobe.com/docs/experience-manager-64/developing/components/components-basics.html?lang=en 

 

Thank you.

Regards,

Sravan

3 replies

ShaileshBassi
Community Advisor
ShaileshBassiCommunity Advisor
Community Advisor
June 20, 2022

@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

    T
    Teju_8Author
    June 28, 2022

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

    SantoshSai
    Community Advisor
    SantoshSaiCommunity Advisor
    Community Advisor
    June 21, 2022

    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

    Santosh Sai
      B_Sravan
      Community Advisor
      B_SravanCommunity AdvisorAccepted solution
      Community Advisor
      June 21, 2022

      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-fragments-feature-video-use.html 

       

      more on component development: https://experienceleague.adobe.com/docs/experience-manager-64/developing/components/components-basics.html?lang=en 

       

      Thank you.

      Regards,

      Sravan

        Terms & ConditionsAccessibility statement

        Loading footer...