none
Creating a branded FIM 2010 R2 Email Templates RRS feed

  • Question

  • Hi,

    I need to brand the email send from the FIM portal with the template that my company is using for internal mail.  The template looks something like this: (note size is reduced)

    The whole template is an image and I need to overlay the text in the white space or block.  When I create a html page and open it in the browser, it works 100%.  Here is the html code which works in the browser

    "

    IMG SRC="request_mailer3.jpg" STYLE="; top:0; left:9; z-index:-1"

    DIV STYLE="; top:400; left:10; width:700; height:88;"
    P STYLE="color:black; ; bottom:10; left:40"
    font face="Arial"
    br
    Dear [//Target/FirstName],
    br
    My text.
    br

    Kind Regards
    xxxxx

    /P
    /DIV

    "

    Note: I removed some of the html formatting as it doesn't show properly in this block

    When I do this in the FIM email template the message is displayed with the image at the top and the text below it. 

    Is it possible to do this in the FIM email template? If so what am I doing wrong?

    Any help is appreciated.

    Regards

    Johan Marais


    JkM6228


    • Edited by Johan Marais Thursday, November 7, 2013 12:54 PM add html
    Thursday, November 7, 2013 12:47 PM

Answers

  • Hi,

    In the end it wasn't that difficult.  i turns out that my html skills was not as good as I thought, :-). Our corporate coms guys helped me out by doing a template for me which worked perfectly and renders also perfectly in Outlook.  I am pasting the structure of the html code below.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    <html>
       <head>
        8">
        <title>Customer Retention Mailer</title>
        <style type="text/css">
          p {
            margin:10px 25px 12px 25px;
            font-size:12px;
            line-height: 16px;
          }
          ul {
            font-size:12px;
          }
          ul li {
            margin:10px 0px 12px 0px;
          }
          body {
            font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
            color:#000000;
          }
          h1 {
            font-size:18px;
            color:red;
            margin:15px;
            text-align: center;
          }
          h2 {
            background-color:#6dcff6;
            text-indent:25px;
            font-size:14px;
            line-height:30px;
          }
          h3 {
            font-size:20px;
            margin:20px 25px 5px 25px;
          }
          h4 {
            font-size:20px;
            color:#FFFFFF;
            margin:10px 25px 0px 25px;
          }
        </style>
      </head>
      
      <body bgcolor="#008fd3">
        <table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td>
              <img src="some image" width="750" height="288" alt="banner image" />
            </td>
          </tr>
          <tr>
            <td bgcolor="#FFFFFF">
              generated email. Please do not reply to this email.</h1>
              <p>Dear  [//Target]          

    <br />
    <br /> {message goes here} 
    <br />
    <br />Kind Regards
    <br />
    <br />
    <strong>{sign-off goes here}
    <br />{tel number goes here}</strong>
    </p>
    </td>
    </tr>
    <tr>
    <td>
              <a href="legal notice">
               
    <img src="some footer image" width="750" height="32" border="0" alt="footer image" />
              </a>
           
    </td>
         
    </tr>
       
    </table>
     
    </body>


    </html>

    Note that I have removed some identifying bits.

    Maybe this can help someone else

    Regards

    Johan


    JkM6228

    • Marked as answer by Johan Marais Tuesday, November 12, 2013 9:38 AM
    Tuesday, November 12, 2013 9:38 AM

All replies

  • Johan,

    I had to do something similar with SQL Database mail, and the only way I could get it to render properly in Outlook was to save the template as an htm or mht file (can't remember which), then copy the html code from there. It puts in a TON of extra "Microsoft" code, but it worked perfectly. I haven't tried it with FIM yet, but may have to soon.

    -Rob

    Friday, November 8, 2013 3:01 PM
  • On Fri, 8 Nov 2013 15:01:07 +0000, RobFrench wrote:
     
    > Johan,
    >
    > I had to do something similar with SQL Database mail, and the only way I could get it to render properly in Outlook was to save the template as an htm or mht file (can't remember which), then copy the html code from there. It puts in a TON of extra "Microsoft" code, but it
    > worked perfectly. I haven't tried it with FIM yet, but may have to soon.
    >
    > -Rob
    >
    > -----
    > -----
     
    If you're saving this with Word then you want to save it as Filtered HTML.
    That will remove all of the Office-specific HTML.
     
    Friday, November 8, 2013 3:10 PM
  • Rob,

    Thanks, will try your advice

    Regards

    Johan


    JkM6228

    Monday, November 11, 2013 5:14 AM
  • Hi,

    In the end it wasn't that difficult.  i turns out that my html skills was not as good as I thought, :-). Our corporate coms guys helped me out by doing a template for me which worked perfectly and renders also perfectly in Outlook.  I am pasting the structure of the html code below.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    <html>
       <head>
        8">
        <title>Customer Retention Mailer</title>
        <style type="text/css">
          p {
            margin:10px 25px 12px 25px;
            font-size:12px;
            line-height: 16px;
          }
          ul {
            font-size:12px;
          }
          ul li {
            margin:10px 0px 12px 0px;
          }
          body {
            font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
            color:#000000;
          }
          h1 {
            font-size:18px;
            color:red;
            margin:15px;
            text-align: center;
          }
          h2 {
            background-color:#6dcff6;
            text-indent:25px;
            font-size:14px;
            line-height:30px;
          }
          h3 {
            font-size:20px;
            margin:20px 25px 5px 25px;
          }
          h4 {
            font-size:20px;
            color:#FFFFFF;
            margin:10px 25px 0px 25px;
          }
        </style>
      </head>
      
      <body bgcolor="#008fd3">
        <table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td>
              <img src="some image" width="750" height="288" alt="banner image" />
            </td>
          </tr>
          <tr>
            <td bgcolor="#FFFFFF">
              generated email. Please do not reply to this email.</h1>
              <p>Dear  [//Target]          

    <br />
    <br /> {message goes here} 
    <br />
    <br />Kind Regards
    <br />
    <br />
    <strong>{sign-off goes here}
    <br />{tel number goes here}</strong>
    </p>
    </td>
    </tr>
    <tr>
    <td>
              <a href="legal notice">
               
    <img src="some footer image" width="750" height="32" border="0" alt="footer image" />
              </a>
           
    </td>
         
    </tr>
       
    </table>
     
    </body>


    </html>

    Note that I have removed some identifying bits.

    Maybe this can help someone else

    Regards

    Johan


    JkM6228

    • Marked as answer by Johan Marais Tuesday, November 12, 2013 9:38 AM
    Tuesday, November 12, 2013 9:38 AM