css - HTML Table appears distorted in Outlook Email -
i've created email template , email gets sent outlook 2010 application(oracle ucm).issue workflow history table (code below) gets distorted , moves left when checked on mobile device entire email looks when seen on desktop.
<table border="1"cellspacing=0 cellpadding=0 width="95%" align="center"> <tr> <td align="center" colspan="2" style='width:10.0%; background:#a5cef7'> <p><span style='font-size:18.0pt;font-family:"calibri","sans-serif";color:red'>dms</span><span style='font-size:15.0pt;font-family:"calibri","sans-serif";color:red'> - <$xsubdoctype$> document <$xclientname$> pid: <$xproject_id$> in workflow </span></p> </td> </tr> <tr> <td align="left" colspan="2" style='width:10.0%;font-family:"calibri","sans-serif";background:#a5cef7;font-size:12.0pt'> <p> <b> click on <a href="mailto:abx@xyz.com?subject=<$regexreplaceall(xclientname,"&","")$> <$xsubdoctype$> | pid: <$xproject_id$> | did:<$did$> | approve&body=%0d%0a">approve</a> or <a href="mailto:abx@xyz.com?subject=<$regexreplaceall(xclientname,"&","")$> <$xsubdoctype$> | pid: <$xproject_id$> | did:<$did$> | reject&body= note:%0d%0a -enter rejection reasons(remove note):">reject</a> take action on document through email.please remove signatures(if any)</b><br><br> </span> <span style='font-size:10.0pt;font-family:"calibri","sans-serif";color:red;align="center"'>** please note: not make changes</span> </p> </td> </tr> <tr> <td rowspan="2" width="40%";height="1000" style='background:#e6e6d8;min-width:200px'> <p style="padding-left:10px"> <span style='font-size:12pt;font-family:calibri,sans-serif;color:black;font-weight:bold;left:500px'> <b><u>content info</u> </b></span><br> <br> <span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:bold"> <b>content id: </b></span> <span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:normal"> <$ddocname$></span><br> <span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:bold"> <b>document owner: </b></span> <span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:normal"> <$userfullname$></span><br> <span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:bold"> <b>client: </b></span> <span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:normal"> <$xclientname$></span><br> <span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:bold"> <b>project name </b></span> <span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:normal"> <$xprojectname$></span><br> </p> <p style="font-family:calibri,sans-serif;font-size:10pt;padding-left:15px"> <$if isnotifyonly or wfaction "approve"$> [ <a href="<$httpcgipath$>?idcservice=doc_info&idctoken=<$idctoken$>&did=<$did$>&ddocname=<$url(ddocname)$>&auth=intranet" style="color:993333;width:300px;font-family:calibri,sans-serif;font-weight:normal"> <$lc("wwdocumentinfo")$></a> ]</p> <$else$> [ <a href="<$httpcgipath$>?idcservice=review_workflow_doc&idctoken=<$idctoken$>&ddocname=<$url(ddocname)$>&auth=intranet" style="color:993333;width:300px;font-family:calibri,sans-serif;font-weight:normal"> <$lc("wwwfreviewworkflowitem")$></a> ]</p> <$endif$> </td> </tr> <tr> <td align ="center" vertical-align="top" width="60%" style='background:#e6e6d8;min-width:600px'> <p style="padding-left:10px"> <!-- <td align ="center" vertical-align="top" width="60%" bgcolor="#e6e6d8"> --> <div style="display:none"> <$executeservice("get_sendtoworkflow_history_email_details")$> <$numrowstowfh = rsnumrows("sendtoworkflowactionhistory")$> <$executeservice("get_workflow_history_email_details")$> <$numrowwfh = rsnumrows("workflowactionhistory")$> <$if numrowwfh gt 0$> <$rsrename("workflowactionhistory", "rsnewname")$> <$else$> <$rsrename("sendtoworkflowactionhistory", "rsnewname")$> <$endif$> </div> <span style="font-family:calibri,sans-serif;font-size:12pt"> <b>reason: </b></span> <span style="font-family:calibri,sans-serif;font-size:12pt;color:blue"> <b><$if xpurposeforsubmission$><$getfieldviewvalue("xpurposeforsubmission",xpurposeforsubmission,"reason")$><$endif$></span></b><br><br> <table style="position:absolute;width:97.0%;left:145px" cellpadding="3" cellspacing="0" id="table2"> <tr> <td style="font-family:calibri,sans-serif;font-size:12pt" colspan="7"> <b>recent workflow history (maximum last 5)</b> </td> </tr> <tr> <td style="background-color:#a5cef7;border:1px #000000 solid;text-align:center;vertical-align:top;width:130px;height:2px;"><div><span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:bold"><b>action date</b></span></div> </td> <td style="background-color:#a5cef7;border:1px #000000 solid;text-align:center;vertical-align:top;width:140px;height:2px;"><div><span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:bold"><b>action </b></span></div> </td> <td style="background-color:#a5cef7;border:1px #000000 solid;text-align:center;vertical-align:top;width:70px;height:2px;"><div><span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:bold"><b>action </b></span></div> </td> <td style="background-color:#a5cef7;border:1px #000000 solid;text-align:center;vertical-align:top;width:150px;height:2px;"><div><span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:bold"><b>action type </b></span></div> </td> <td style="background-color:#a5cef7;border:1px #000000 solid;text-align:center;vertical-align:top;width:250;height:2px;"><div><span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:bold"><b>comments</b></span></div> </td> </tr> <$loop rsnewname$> <tr> <!-- action date cell --> <td class="<$rowclass$>" style="background-color:transparent;border:1px #000000 solid;text-align:center;vertical-align:top;width:130px;height:1px;"> <div class="xuilistcelldivcenter" nowrap><span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:normal"> <$dactiondate$> </span></div> </td> <!--send cell --> <td class="<$rowclass$>" style="background-color:transparent;border:1px #000000 solid;text-align:center;vertical-align:top;width:100px;height:1px;"> <div class="xuilistcelldivcenter" nowrap> <span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:normal"> <$if strlength(getvalueforspecifieduser(xwf_sendto, "dfullname")) gt 0 $> <$getvalueforspecifieduser(xwf_sendto, "dfullname")$> <$else$> <$xwf_sendto$> <$endif$> </span></div> </td> <!-- action cell --> <td class="<$rowclass$>" style="background-color:transparent;border:1px #000000 solid;text-align:center;vertical-align:top;width:70px;height:1px;"> <div class="xuilistcelldivcenter" nowrap> <span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:normal"> <$daction$> </span></div> </td> <!-- approval type cell --> <td class="<$rowclass$>" style="background-color:transparent;border:1px #000000 solid;text-align:center;vertical-align:top;width:150px;height:1px;"> <div class="xuilistcelldiv" nowrap> <span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:normal"><$approvaltype$> </span></div> </td> <!-- comments cell --> <td class="<$rowclass$>" style="background-color:transparent;border:1px #000000 solid;text-align:center;vertical-align:top;width:250px;height:1px;"> <div class="xuilistcelldiv" nowrap> <span style="font-family:calibri,sans-serif;font-size:10pt;font-weight:normal"><$strsubstring(xworkflowcomments,0,100)$> </span> </div> </td> </tr> <$endloop$> <tr> <td colspan="2"> [<a href="<$httpcgipath$>?idcservice=get_workflow_history_byname&idctoken=<$idctoken$>&did=<$url(did)$>&ddocname=<$url(ddocname)$>" style="color:993333;width:50px;font-size:10pt;font-family:calibri,sans-serif;font-weight:normal"> <$lc("view detailed workflow history")$></a>] </td> </tr> </table> </td> </tr> </table>
position:absolute; set @ line 80 caused table take fixed position , hence issue.
also height="1000" set further set column's height.removed , i'm happy now
Comments
Post a Comment