topic Re: Email formatting, stuck with HTML code in Application Development and Automation Discussions

Email formatting, stuck with HTML code

former_member202077 — Wed, 12 Jun 2013 16:24:21 GMT

Hello

I am new to HTML stuff, my requirement is to build the email body having a table in it, as shown in attachmnet / pic.

So, i tried with the below code, but not getting table as per my requirements, i coded like below

* Message Body in HMTL
*****************  gs_objtxt-line = '<html> <body style="background-color:#FFE4C4;">'. "pale yellow; delete this line bcz i want white backgr. 
  gs_objtxt-line = '<html>'.
  APPEND gs_objtxt TO gt_objtxt.

  gs_objtxt-line = '<p> List of Employees </p>'.
  APPEND gs_objtxt TO gt_objtxt.

* Table display
  gs_objtxt-line = '<table style="MARGIN: 10px" bordercolor="#90EE90" '. "green
  APPEND gs_objtxt TO gt_objtxt.
  gs_objtxt-line = ' cellspacing="0" cellpadding="3" width="400"'.
  APPEND gs_objtxt TO gt_objtxt.
  gs_objtxt-line = ' border="1"><tbody><tr>'.
  APPEND gs_objtxt TO gt_objtxt.

* Table header
************  gs_objtxt-line = '<th bgcolor="#90EE90">Project Name</th>'. ===> This gives green back ground, but i want grey color
  gs_objtxt-line = '<tr style="background-color:#eeeeee;"><td>Emp Name</td>'.
  APPEND gs_objtxt TO gt_objtxt.
  gs_objtxt-line = '<th bgcolor="#90EE90">Number</th></tr>'.
  APPEND gs_objtxt TO gt_objtxt.
  gs_objtxt-line = '<th bgcolor="#90EE90">Department</th>'.
  APPEND gs_objtxt TO gt_objtxt.

* Table Contents
  DO 5 TIMES.
    gs_objtxt-line = '<tr style="background-color:#eeeeee;"><td>TEST_EMP</td>'. "==> Its grey color as back ground, but i need white backgr.
    APPEND gs_objtxt TO gt_objtxt.
    CONCATENATE '<td>' 'Test_Number' '</td> </tr>' INTO gs_objtxt-line.
    APPEND gs_objtxt TO gt_objtxt.
    CONCATENATE '<td>' 'Test_Dept' '</td> </tr>' INTO gs_objtxt-line.
    APPEND gs_objtxt TO gt_objtxt.
  ENDDO.

So, pls. let me know what changes i hv to do to the above my code to get the table as shown in the pic. / attachment?

Thank you

Re: Email formatting, stuck with HTML code

Former Member — Wed, 12 Jun 2013 16:36:44 GMT

Hi MSR,

I see that you have not nested the HTML tags properly. For Example, you have two <HTML> tags in the beginning.

Use the below wiki and code accordingly.

http://wiki.sdn.sap.com/wiki/display/Snippets/Formatted+HTML+Email+Attachments+using+ABAP

Regards,

Karthik

Re: Email formatting, stuck with HTML code

Former Member — Wed, 12 Jun 2013 17:06:19 GMT

I would like you to create a basic html page which shows desired table in web browser.

Once concept is clear, same code can be created using ABAP.

This W3Schools article would teach the basics of HTML Table.

To assist you, here is html code taken from your code, and indented (pretty printed) so you can locate errors.

<html>
    <body style="background-color:#FFE4C4;">
    <html>
    <p> List of Employees </p>
    <table style="MARGIN: 10px" bordercolor="#90EE90" cellspacing="0" cellpadding="3" width="400" border="1">
        <tbody>
        <tr>
        <th bgcolor="#90EE90">Project Name
        </th>
        <tr style="background-color:#eeeeee;">
            <td>Emp Name
            </td>
            <th bgcolor="#90EE90">Number
            </th>
        </tr>
        <th bgcolor="#90EE90">Department
        </th>
        <tr style="background-color:#eeeeee;">
            <td>TEST_EMP
            </td>
            <td>Test_Number
            </td>
        </tr>
        <td>Test_Dept</td>
        </tr>

Here are some of the errors.

HTML tag appears twice, both of them not closed
BODY tag not closed
TABLE tag not closed
TBODY tag not closed
Table would have list of TR (table rows) at same hierarchy level. Here we have 1 row, and 2 rows inside first row.

Re: Email formatting, stuck with HTML code

rosenberg_eitan — Wed, 12 Jun 2013 17:11:32 GMT

Hi,

Have a look here.

http://scn.sap.com/message/14033229#14033229

http://scn.sap.com/servlet/JiveServlet/download/2015-3334510-13952815-113820/Y_R_EITAN_TEST_10_02.txt.zip

Regards.