How can I change the color of the header and footer of a notification

jthomsen
Tera Contributor

Hi,

My client wants to have the header and footer of his notifications filled up completely in Green. Does anyone know how to do that? 

 

 

1 ACCEPTED SOLUTION

Hi @jthomsen 

 

Yes..you can do the following in Email Layout

 

Email Layout Record :

 

Step 1 : Create a table with single row in Layout field

 

VishalBirajdar_1-1708519716031.png

 

Step 2 : Select the create row in layout and click on table icon (dropdown) and select Table properties

 

VishalBirajdar_2-1708519836126.png

 

 

Step 3 : on Table properties select Advanced Tab & Put #00FF00 in Background color & click OK

 

VishalBirajdar_4-1708519940838.png

 

You can follow the same step for footer as well

 

Put '${notification:body}' between header & footer

 

Layout should look like this :

VishalBirajdar_5-1708520121353.png

 

 

That's it use email layout in Email template and email template in Notification...!!!

 

Final Result :

 

This is my Notification with template containing email layout

 

VishalBirajdar_6-1708520226191.png

 

 

Previewed Notification :

 

VishalBirajdar_7-1708520279678.png

 

 

 

Hope this helps.....!!!

 

Vishal Birajdar
ServiceNow Developer

I know one thing, and that is that I know nothing.
- Socrates

View solution in original post

10 REPLIES 10

Vishal Birajdar
Giga Sage

Hi @jthomsen 

 

You mean your requirement is like this....

 

VishalBirajdar_0-1708515798065.png

 

 

 

 

Vishal Birajdar
ServiceNow Developer

I know one thing, and that is that I know nothing.
- Socrates

Hi Vishal,

Yes exactly. Could you quickly explain me how to do it?

But it has to be on the email layouts not a specific notification

Hi @jthomsen 

 

Yes..you can do the following in Email Layout

 

Email Layout Record :

 

Step 1 : Create a table with single row in Layout field

 

VishalBirajdar_1-1708519716031.png

 

Step 2 : Select the create row in layout and click on table icon (dropdown) and select Table properties

 

VishalBirajdar_2-1708519836126.png

 

 

Step 3 : on Table properties select Advanced Tab & Put #00FF00 in Background color & click OK

 

VishalBirajdar_4-1708519940838.png

 

You can follow the same step for footer as well

 

Put '${notification:body}' between header & footer

 

Layout should look like this :

VishalBirajdar_5-1708520121353.png

 

 

That's it use email layout in Email template and email template in Notification...!!!

 

Final Result :

 

This is my Notification with template containing email layout

 

VishalBirajdar_6-1708520226191.png

 

 

Previewed Notification :

 

VishalBirajdar_7-1708520279678.png

 

 

 

Hope this helps.....!!!

 

Vishal Birajdar
ServiceNow Developer

I know one thing, and that is that I know nothing.
- Socrates

Hi Vishal,

Thank you! One last thing, do you know how I can move the table cells to the center? I don´t want them to be full width, just in the center of the header and footer