How to add “summary” title to summary box like sales order summary box?

I have created design to show summary box on suitelet. I have created box. but not getting how to add “summary” title like sales order summary box. Below is my code. Please Help!

 

 var myListField = ‘<!DOCTYPE html>’;
            myListField +=    ‘<html>’
            myListField +=    ‘<head>’
            myListField +=      ‘</head>’
            myListField +=    ‘<body>’
            myListField +=    ‘<table align=”left” bgcolor=”#e0e6ef” style=”width:20%;”>’
             myListField +=    ‘<tr>’
            myListField +=    ‘<td>’
            myListField +=    ‘<p style=”text-align: left; margin-left:5px; font-family: Open Sans; font-size:12px;”>’+’field1’+'</p>’
            myListField +=    ‘</td>’
            myListField +=    ‘<td>’
            myListField +=    ‘<p style=”text-align: right; margin-right:5px; font-family: Open Sans; font-size:12px;”>’+value1+'</p>’
            myListField +=    ‘</td>’
            myListField +=    ‘</tr>’
             myListField +=    ‘<tr>’
            myListField +=    ‘<td>’
            myListField +=    ‘<p style=”text-align: left; margin-left:5px; font-family: Open Sans; font-size:12px;”>’+’filed2’+'</p>’
            myListField +=    ‘</td>’
             myListField +=    ‘<td>’
            myListField +=    ‘<p style=”text-align: right; margin-right:5px; font-family: Open Sans; font-size:12px;”>’+value2+'</p>’
            myListField +=    ‘</td>’
            myListField +=    ‘</tr>’
                  myListField +=    ‘<tr>’
            myListField +=    ‘<td>’
            myListField +=    ‘<p style=”text-align: left; margin-left:5px; font-family: Open Sans; font-size:12px;”>’+’field3’+'</p>’
            myListField +=    ‘</td>’
             myListField +=    ‘<td>’
            myListField +=    ‘<p style=”text-align: right; margin-right:5px; font-family: Open Sans; font-size:12px;”>’+value3+'</p>’
            myListField +=    ‘</td>’
            myListField +=    ‘</tr>’
             myListField +=    ‘</table>’
            myListField +=    ‘</body>’
            myListField +=    ‘</body>’
            myListField +=    ‘</html>’
Beginner Asked on February 27, 2023 in SuiteScript.
Add Comment
1 Answer(s)

try this

 

var myListField = ‘<!DOCTYPE html>’;
myListField += ‘<html>’
myListField += ‘<head>’
myListField += ‘</head>’
myListField += ‘<body>’
myListField += ‘<table align=”left” bgcolor=”#e0e6ef” style=”width:20%;”>’
myListField += ‘<tr>’
myListField += ‘<td>’
myListField += ‘<p style=”text-align: left; margin-left:5px; font-family: Open Sans; font-size:12px;”><b>Summary</b></p>’
myListField += ‘</td>’
myListField += ‘<td>’
myListField += ‘<p style=”text-align: right; margin-right:5px; font-family: Open Sans; font-size:12px;”><b>Value</b></p>’
myListField += ‘</td>’
myListField += ‘</tr>’
myListField += ‘<tr>’
myListField += ‘<td>’
myListField += ‘<p style=”text-align: left; margin-left:5px; font-family: Open Sans; font-size:12px;”>’+’field1’+'</p>’
myListField += ‘</td>’
myListField += ‘<td>’
myListField += ‘<p style=”text-align: right; margin-right:5px; font-family: Open Sans; font-size:12px;”>’+value1+'</p>’
myListField += ‘</td>’
myListField += ‘</tr>’
myListField += ‘<tr>’
myListField += ‘<td>’
myListField += ‘<p style=”text-align: left; margin-left:5px; font-family: Open Sans; font-size:12px;”>’+’filed2’+'</p>’
myListField += ‘</td>’
myListField += ‘<td>’
myListField += ‘<p style=”text-align: right; margin-right:5px; font-family: Open Sans; font-size:12px;”>’+value2+'</p>’
myListField += ‘</td>’
myListField += ‘</tr>’
myListField += ‘<tr>’
myListField += ‘<td>’
myListField += ‘<p style=”text-align: left; margin-left:5px; font-family: Open Sans; font-size:12px;”>’+’field3’+'</p>’
myListField += ‘</td>’
myListField += ‘<td>’
myListField += ‘<p style=”text-align: right; margin-right:5px; font-family: Open Sans; font-size:12px;”>’+value3+'</p>’
myListField += ‘</td>’
myListField += ‘</tr>’
myListField += ‘</table>’
myListField += ‘</body

Rookie Answered on February 28, 2023.
Add Comment

Your Answer

By posting your answer, you agree to the privacy policy and terms of service.
  • This site made possible by our sponsors:   Tipalti   Celigo   Become a Sponsor   Become a Sponsor