cancel
Showing results for 
Search instead for 
Did you mean: 

Smartform - change default CSS layout

Former Member
0 Kudos

Hello,

I have created a smartform used in HCM-ERC correspondence. This smartform is sent to users as an HTML email body. It has a border that I would like to get rid of:

I have HTML code for the email body. I noticed that it has a parameter border-width equal to 2pt. If I change this parameter to 0pt and open the HTML page in a browser, the border disappears. The following comment is present above this parameter:

/* Default css layout information for SAP Smart Forms (XSF Output) Last modified: 12.05.2003 */

Is it possible to change the default CSS layout for SAP Smart Forms to make the width of this border equal to 0pt?

You can copy the following code into .html file and open it in a browser to see for yourself:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xfa="http://www.xfa.org/schema/xfa-template/2.1/">
<head>
    <!--Smart Form:ZHCM_HRRCF_29_SF Language:RU-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-16le" />
    <base href="https://xxxx.xxx.local:8001/" />
    <style>
        sf { display: block;}@media print {.xsfnoprint{    display : none ;}}/* Default css layout information   for SAP Smart Forms (XSF Output)   Last modified: 12.05.2003 */@media screen {  body {    background-color : #EFEFEF ;  }}@media screen {  .page {    border-style : outset ;    border-width : 2pt ;    background-color : white ;  }}/*@media print {  .page {    overflow: hidden;  }}*//* unification browser-dependent settings */table {    border-spacing: 0pt;    empty-cells: show;}tr { vertical-align: top; }td { padding: 0pt; }input {    font: inherit;    padding: 0pt;    margin: 0pt;}img {    display: block;}img.icon {    display: inline;}/* End of default.css */.ZHCM-HRRCF-SS  div#BL.par{    font-family : "Regular" ;    font-size : 10pt ;    font-weight : normal ;    line-height : 4.23mm ;    text-decoration : none ;    text-align : justify ;    clear : both ;}.ZHCM-HRRCF-SS  div#L.par{    font-family : "Regular" ;    font-size : 10pt ;    font-weight : normal ;    line-height : 4.23mm ;    text-decoration : none ;    text-align : left ;    clear : both ;}.ZHCM-HRRCF-SS  div#L1.par{    font-family : "Regular" ;    font-size : 10pt ;    font-weight : bold ;    line-height : 4.23mm ;    text-decoration : none ;    text-align : left ;    margin-left : 1.01mm ;    clear : both ;}.ZHCM-HRRCF-SS  div#L2.par{    font-family : "Regular" ;    font-size : 10pt ;    font-weight : normal ;    line-height : 4.23mm ;    text-decoration : none ;    text-align : left ;    margin-left : 1.01mm ;    clear : both ;}.ZHCM-HRRCF-SS  div#P1.par{    font-family : "Regular" ;    font-size : 12pt ;    font-weight : normal ;    line-height : 4.23mm ;    text-decoration : none ;    text-align : center ;    clear : both ;}.ZHCM-HRRCF-SS  div#P2.par{    font-family : "Regular" ;    font-size : 10pt ;    font-weight : normal ;    line-height : 3.81mm ;    text-decoration : none ;    text-align : center ;    clear : both ;}.ZHCM-HRRCF-SS  div#P3.par{    font-family : "Regular" ;    font-size : 10pt ;    font-weight : normal ;    line-height : 4.23mm ;    text-decoration : underline ;    text-align : center ;    clear : both ;}.ZHCM-HRRCF-SS  a{    color : #000000 ;}.ZHCM-HRRCF-SS  span#B.char{    font-family : "Regular" ;    font-size : 10pt ;    font-weight : bold ;}.ZHCM-HRRCF-SS  span#BB.char{    font-family : "Regular" ;    font-size : 10pt ;    font-weight : bold ;    text-decoration : underline ;    color : #1535FF ;}.ZHCM-HRRCF-SS  span#BG.char{    font-family : "Regular" ;    font-size : 10pt ;    font-weight : bold ;    color : #787878 ;}.ZHCM-HRRCF-SS  span#BI.char{    font-family : "Regular" ;    font-size : 10pt ;    font-weight : bold ;    font-style : italic ;}.ZHCM-HRRCF-SS  span#BR.char{    font-family : "Regular" ;    font-size : 10pt ;font-weight : bold ;    color : #FF0000 ;}.ZHCM-HRRCF-SS  span#BU.char{    font-family : "Regular" ;    font-size : 10pt ;    font-weight : bold ;    text-decoration : underline ;}.ZHCM-HRRCF-SS  span#I.char{    font-family : "Regular" ;    font-size : 10pt ;    font-style : italic ;}.ZHCM-HRRCF-SS  span#U.char{    font-family : "Regular" ;    font-size : 10pt ;    text-decoration : underline ;}#STARTSEITE-001.page{    position : absolute ;    height : 297mm ;    width : 210mm ;    top : 0pt ;}@media screen {#HAUPTFENSTER.win{    overflow : auto ;}}@media print {#HAUPTFENSTER.win{    overflow : hidden ;}}#STARTSEITE-001.page #HAUPTFENSTER.win{    position : absolute ;    left : 1cm ;    top : 0.50cm ;    width : 16cm ;    height : 20cm ;}#STARTSEITE-001.page #HAUPTFENSTER.win{    background-color : #FFFFFF ;} div#sf--TABLE1.tab{    clear : both ;}@media screen { div#sf--TABLE1.tab  table.tr{    border-collapse : collapse ;}}@media print { div#sf--TABLE1.tab  table.tr{    border-collapse : collapse ;}}@media screen { div#sf--TABLE1.tab  table.tr{    margin-top : -1px ;}}@media print { div#sf--TABLE1.tab  table.tr{    margin-top : 0px ;}} div#sf--TABLE1.tab  table.tr{    display : table ;    table-layout : fixed ;    width : 16cm ;} div#sf--TABLE1.tab .topline{    border-top : 1pt solid black ;}
 div#sf--TABLE1.tab .bottomline{    border-bottom : 1pt solid black ;} div#sf--TABLE1.tab .leftline{    border-left : 1pt solid black ;} div#sf--TABLE1.tab .rightline{    border-right : 1pt solid black ;}#sf--TABLE1.tab #sf--LTYPE1.tr  td#C1{    width : 16cm ;}
    </style>
</head>
<body>
    <form method="POST">
        <div>
            <div id="STARTSEITE-001">
                <div id="HAUPTFENSTER">
                    <div id="FORM-OF-ADDRESS">
                        <div id="L">Xxxxx <span>XXX xx XXXX</span>,</div>
                        <div id="L"> </div>
                    </div>
                    <div id="HAUPTTEXT">
                        <div id="BL">XXXXXXXXXXXXXXXXXXXXXXX (XXX) <span>XXXX xx</span> <span>XXXXX</span>, <span>XXXX</span> XXXXX xxxx <span id="BU"><span>62000065</span></span> xxxxxx
                            xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxx
                            xxxx:</div>
                        <div id="BL"><span></span></div>
                        <div id="BL"><span></span></div>
                        <div id="BL"><span></span></div>
                        <div id="BL"><span></span></div>
                        <div id="BL"><span></span></div>
                        <div id="BL"><span></span></div>
                        <div id="BL"><span></span></div>
                        <div id="BL"><span></span></div>
                        <div id="BL"><span></span></div>
                        <div id="BL"><span></span></div>
                        <div id="BL"> </div>
                        <div id="BL">xxxxxxxxxxxxxxxxx.</div>
                    </div>
                    <div id="ABSCHLUSSWORTE">
                        <div id="L"> </div>
                        <div id="L"> </div>
                        <div id="L">xxxxx,</div>
                        <div id="L"> </div>
                        <div id="L">XXXXXXX xxxx</div>
                        <div id="L">XXXXXXXX xxxx</div>
                        <div id="L">XXXXXX xxxx</div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>


Accepted Solutions (0)

Answers (0)