Important Information Notice

The important information notice is a teaser which the author can place on any page to inform the user about important information or news.

You can place this on any page. You can choose between 4 colors the most suitable for the type of message you want to present.

The icon can be changed. In the Assets folder there is a folder called "Important Information Notice". There we have put the icons presented in the design. However, any other icon can be used. Icon size is fixed: 24px

To use this teaser you need to use the "Important Information Notice" type

DQ:Dialog Options

Styles

Here you can change the banner background color. Text and close icon will change its colors according to the color you choose.

CQ:dialog Styles

For text use Description only

Content inside the description area will be displayed.

Use Assets to select the icon you prefer. 

Items that are ignored:

  • link
  • CTA
  • Pre title
  • Title

Content in any of these elements will not display. Links are disabled by default. Links inside the description work.

Example:

Pretitle

Title

Im Zeitraum vom 20. bis 22. Januar 2023 kommt es zu technischen Anpassungen beim Versand der Buchungs- und Rechnungsunterlagen per E-Mail. Kunden, die Ihre Reise in diesem Zeitraum buchen, erhalten die Dokumente automatisch im Anschluss. Vielen Dank für Ihr Verständnis.

Demo 
    
    

    
  1. 
        titleType:
        div
    
    2. 

    
  2. 
        jcr:title:
        Title
    
    3. 

    
  3. 
        linkURLHidden:
        ,
    
    4. 

    
  4. 
        imageFromPageImage:
        false
    
    5. 

    
  5. 
        fileReference:
        /content/dam/aida-component-library/library-assets/important-notice/icon-warning.svg
    
    6. 

    
  6. 
        pretitle:
        Pretitle
    
    7. 

    
  7. 
        titleFromPage:
        false
    
    8. 

    
  8. 
        asset:
        false
    
    9. 

    
  9. 
        modal:
        false
    
    10. 

    
  10. 
        linkURL:
        /content/aida-component-library/library
    
    11. 

    
  11. 
        jcr:description:
        <p>Im Zeitraum vom <b>20. bis 22. Januar 2023</b> kommt es zu technischen Anpassungen beim Versand der Buchungs- und Rechnungsunterlagen per E-Mail. Kunden, die Ihre Reise in diesem <a title="Demo page" href="/content/aida-component-library/demo-pages/test-components/AIDA-1187-CP-Important-Notice.html" target="_blank">Zeitraum</a> buchen, erhalten die Dokumente automatisch im Anschluss. <i>Vielen Dank für Ihr Verständnis.</i><a title="Demo page" href="/content/aida-component-library/demo-pages/test-components/AIDA-1187-CP-Important-Notice.html" target="_blank"></a></p>

    
    12. 

    
  12. 
        linkTarget:
        _self
    
    13. 

    
  13. 
        descriptionFromPage:
        false
    
    14. 

    
  14. 
        sling:resourceType:
        aida-component-library/core/components/content/teaser
    
    15. 

    
  15. 
        isDecorative:
        true
    
    16. 

    
  16. 
        disableLazyLoading:
        false
    
    17. 

    
  17. 
        textIsRich:
        true
    
    18. 

    
  18. 
        altValueFromDAM:
        false
    
    19. 

    
  19. 
        cq:styleIds:
        1676049320291,1676049385439
    
    20. 



    
        

    




    

    
        

            
    

        Pretitle
    


            
  


    
      Title
    

    
  


            
    
Im Zeitraum vom 20. bis 22. Januar 2023 kommt es zu technischen Anpassungen beim Versand der Buchungs- und Rechnungsunterlagen per E-Mail. Kunden, die Ihre Reise in diesem Zeitraum buchen, erhalten die Dokumente automatisch im Anschluss. Vielen Dank für Ihr Verständnis.




            
    

        

    

    
        Demo
    

    

    


        


        
            
    



    
        
    
    
    



    




        

    

    



    




    

    


    JSON

Built with Core Components 2.27.0.