Help with HTML formatting in Notification Template

SBM 12.2

I am tasked with adding a field to an existing notification template. The problem is the way that the field is displaying inside the html table.

The new field is a journal field and I just can't get it to line up nicely.

Here is the code from the template. Can someone please help with this? We want them all to be lined up together with no spaces between the lines.

<span style="">
<div style="">
<span style="font-weight: 700;">$STRING(IDS_EMAIL_DISPLAYVALUE):&nbsp;$ITEMNUMBER()</span>
</div>
<br>
<div style="">This is notification that Question ticket, SBM Submission ID $ITEMNUMBER(), has been submitted to you for&nbsp;<span style="">$FIELDVALUE(PRIMARY_TICKET_ID).</span></div>
<span style="">$ENDIF() $IF(CANVIEW)</span>
</span>
<div style="margin-left: 0px; padding-left: 0px;">
<br>
<span style="">&nbsp;</span>
<table width="100%" style="background-color: rgb(255, 255, 255);">
<tbody>
<tr>
<td width="25%">
<span style="font-weight: 700;">Item Type:
</span>
</td>
<td width="75%">$FIELDVALUE(ISSUETYPE)</td>
</tr>
<tr>
<td width="25%"><span style="font-weight: 700;">Short Description:
</span>
</td>
<td width="75%">$FIELDVALUE(TITLE)</td>
</tr>
<tr>
<td width="25%"><span style="font-weight: 700;">Question Submitter:
</span>
</td>
<td width="75%">$FIELDVALUE(CONFIG_ANALYST)</td>
</tr>
<tr>
<td width="25%"><span style="font-weight: 700;">State:
</span>
</td>
<td width="75%">$FIELDVALUE(STATE)</td>
</tr>
<tr>
<td width="25%"><span style="font-weight: 700;">Date Received:
</span>
</td>
<td width="75%">$FIELDVALUE(LASTMODIFIEDDATE)</td>
</tr>
<tr>
<td width="25%"><span style="font-weight: 700;">Question Details:
</span>
</td>
<td width="75%">$FIELDVALUE(QUESTION_DETAILS)</td>
</tr>
</tbody>
</table>
<span style="">
<span style="font-weight: bold;"></span><b><span style=""><br></span></b></span>
</div>
<div style="margin-left: 0px; padding-left: 0px;"><span style=""><b><span style=""><br></span></b></span></div>
<div style="margin-left: 0px; padding-left: 0px;"><span style=""><b><span style=""><br></span></b></span></div>
<div style="margin-left: 0px; padding-left: 0px;">
<span style="">
<b>
<span style="">$IF(VIEWLINK)</span>
<div style="">Click here to view this issue: $LINK( TRUE )</div>
<span style="">$ENDIF() $ENDIF()</span>&nbsp;
</b>
</span>
</div>

  • 0

    I want to add that it looks just fine in the preview in the Admin.

  • Verified Answer

    +1   in reply to 

    What you want to do is use vertiical-align: Top; in the style for each of your table cells.  I cleaned up the code a little by defining a style at the top for every TD tag.  Then you can can easily set the font for every cell

    If you want the first sell of every row to be bold, you can add style="font-weight: bold;" inside the first TD of each rrow.

    <style>
    td {
    vertical-align: top;
    }

    </style>
    <div style="">
    <span>$STRING(IDS_EMAIL_DISPLAYVALUE):&nbsp;$ITEMNUMBER()</span>
    </div>
    <br>
    <div style="">This is notification that Question ticket, SBM Submission ID $ITEMNUMBER(), has been submitted to you for&nbsp;<span style="">$FIELDVALUE(PRIMARY_TICKET_ID).</span></div>
    <span style="">$ENDIF() $IF(CANVIEW)</span>
    </span>
    <div style="margin-left: 0px; padding-left: 0px;">
    <br>
    <span style="">&nbsp;</span>
    <table width="100%" style="background-color: rgb(255, 255, 255);">
    <tbody>
    <tr>
    <td width="25%">
    <span>Item Type:
    </span>
    </td>
    <td width="75%">$FIELDVALUE(ISSUETYPE)</td>
    </tr>
    <tr>
    <td width="25%"><span>Short Description:
    </span>
    </td>
    <td width="75%">$FIELDVALUE(TITLE)</td>
    </tr>
    <tr>
    <td width="25%"><span>Question Submitter:
    </span>
    </td>
    <td width="75%">$FIELDVALUE(CONFIG_ANALYST)</td>
    </tr>
    <tr>
    <td width="25%"><span>State:
    </span>
    </td>
    <td width="75%">$FIELDVALUE(STATE)</td>
    </tr>
    <tr>
    <td width="25%"><span>Date Received:
    </span>
    </td>
    <td width="75%">$FIELDVALUE(LASTMODIFIEDDATE)</td>
    </tr>
    <tr>
    <td width="25%"><span>Question Details:
    </span>
    </td>
    <td width="75%">$FIELDVALUE(QUESTION_DETAILS)<br /> Test>br? test2 <br>test3</td>
    </tr>
    </tbody>
    </table>
    </div>
    <div style="margin-left: 0px; padding-left: 0px;"><span style=""><b><span style=""><br></span></b></span></div>
    <div style="margin-left: 0px; padding-left: 0px;"><span style=""><b><span style=""><br></span></b></span></div>
    <div style="margin-left: 0px; padding-left: 0px;">
    <span style="">
    <b>
    <span style="">$IF(VIEWLINK)</span>
    <div style="">Click here to view this issue: $LINK( TRUE )</div>
    <span style="">$ENDIF() $ENDIF()</span>&nbsp;
    </b>
    </span>
    </div>

  • 0 in reply to   

    That did the trick. Thanks, David.