Email Template changes

Under the resources/bundles directory you will find that there is a Message bundle file.

There you will have access to all the key value attributes that can change the languages, and styling of the emails.

Under the resource/images you can change the default image used for the image.

You can change the resources/template/handlebar directory, but keep in mind that changing too much could result in losing the email structure. I would advise to avoid changing this too much.

LOCATION OF IMAGE LOGO FILE:

resources/images/logo.png

The file image for the email template is located in the images directory. Changes to this folder do not affect the SWF (Signing WorkFlow) website. Only the email template. You must replace the logo.png with a logo of your choosing, keeping in mind the image would look best following this ratio below:

WIDTH: 220px

HEIGHT: 80px

The minimum and maximum width will always be 220px, the height will auto adjust to that. Rectangular images will look best.

LOCATION OF FILE:

resources/bundles/Messages.properties

resources/bundles/Messages_sv.properties

It is important to note that the currently we support only Swedish translation file for the content. This means changes to the Swedish file will override the message.properties file Future support for english and other languages to come.


Keep in mind that changes below affect the styling of the email template. For text changes, visit the Message_sv.properties file.




generalBackground
background: #f7f7f7;
This changes the outer background of the email content.
generalAlignment
margin: auto;
Aligning the email content central, left or right.
center alignment:
margin: auto;
Left alignment:
margin: auto; margin-left: 0px;
Right alignment:
margin: auto; margin-right: 0px;
fontStyle
font-family: 'Open Sans', 'HelveticaNeue-Light','Helvetica Neue Light', Helvetica, Arial,sans-serif !important; font-size:16px;

Assigning the paragraph styles and fonts.
fontStyleMobile
font-family: 'Open Sans', 'HelveticaNeue-Light','Helvetica Neue Light', Helvetica, Arial,sans-serif; font-size:14px;
Assigning the paragraph section during mobile mode.
generalTextStyle
color: #444; font-size:16px;

Assigning the detail styles and fonts.
generalTextMobileStyle
font-size: 13px;color: #444;
Assigning the detail styles and fonts for mobile mode.
primaryBackgroundButtonStyle
background-color:#285a8a;border-radius:3px;border-bottom-color:#23303d;border-bottom-width:2px;border-bottom-style:solid;
Background, size and border of button.
primaryButtonStyle
color:#FFFFFF;
Color of text for the button.
textStyle
font-size: 12px;color: #444;
Small non link text styles.
simpleLinkStyle
font-weight:600;color:black;
Small link text styles.
footerBackground
background: #23303d;
Bottom section background colour.
footerFontStyles
font-size: 13px; font-family: 'Open Sans', 'HelveticaNeue-Light','Helvetica Neue Light', Helvetica, Arial,sans-serif !important;
Bottom section text colour & font size.