Code Monkey home page Code Monkey logo

Comments (5)

bpauli avatar bpauli commented on June 30, 2024

@adobe export issue to Jira project SITES as Bug

from aem-core-email-components.

github-jira-sync-bot avatar github-jira-sync-bot commented on June 30, 2024

✅ Jira issue SITES-10299 is successfully created for this GitHub issue.

from aem-core-email-components.

bpauli avatar bpauli commented on June 30, 2024

Hi @priyankpardiwala, Thank you for bringing this up!

Can you please provide an example of the expected behaviour of the preheader ? Should this text be used for the preview of an email or just as 1st element before a component can be inserted into the body? The definition of preheader is sometimes mixed with the preview text (see also https://www.litmus.com/blog/the-ultimate-guide-to-preview-text-support) Thanks!

from aem-core-email-components.

priyankpardiwala avatar priyankpardiwala commented on June 30, 2024

Hi @bpauli -

Preheader would be the first element in the tag. But it should have a display:none on the style attribute.

That way even though the preheader text is not directly visible on the page, it shows up as preview of the email below the "Subject" line on the email clients.

Here's a sample markup:

<body>
	<div style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
	  ${pageProperties.preHeadertext @context='html'}      
	</div>
        <!--rest of the page markup -->
</body>

from aem-core-email-components.

bpauli avatar bpauli commented on June 30, 2024

@priyankpardiwala, Can you please validate if the issue is fixed with the latest release (1.2.0) Thanks!

from aem-core-email-components.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.