nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Define CSS in email templates (custom JIRA plugin)

Markéta_sgqtnj

Hello,

I am developing custom JIRA plugin and I am facing issue with defining CSS in email template. The velocity template is rendered using VelocityManager.getEncodedBody(...) and the email is sent using EmailUtils.sendEmail(...). Everything works but e-mail is completely missing AUI CSS (despite elements are defined properly), #requireResources did not help. So I defined styles by myself and included them directly to template but it seems that 90% of styles are ignored (even very basic like 'border').. Is there any possibility how to render it correctly?

I will be very grateful for any help.

Markéta

Jira version: 7.13.1

E-mail server: hMailServer

E-mail client: Outlook

Accepted answers

Markéta_sgqtnj

I've resolved the issue. CSS were not applied because mentioned methods modified templates (for example text is wrapped by <p></p> tags) so the most of selectors did not match elements anymore so it is not possible to use AUI for this. As workaround I've defined own CSS that was respecting changes in HTML and it works.

All comments

Markéta_sgqtnj

Mikhail_Malyshkin

Hi Markéta

Can you give example as you did this?

Big thx.

Markéta_sgqtnj

Hello Mikhail,

when your plugin parses .vm template and sends it as email, it is little bit modified so selectors that use 'direct children sign' (>) do not work anymore (in my case some elements were also missing classes that I added). So it is not possible to add AUI CSS in the standard way. When you open your email as HTML (you can save it in this format using mail client - Outlook in my case), you can see what was produced and how it was modified. Then you can adapt your CSS to this. I resolved it by adding own styles, respecting HTML changes, directly to template. You can basically use what you need from standard AUI and change selectors.

I know this solution is not elegant but it works..

Hope it helped.

Kind regards,

Markéta

Mikhail_Malyshkin

Hi Markéta,

I thought about it, but I thought there was some more elegant way.

You broke my dream.

In any case, thanks for confirming my guess.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

server

custom-field

jira

jira-development

notification

jira-server

app

css

aui