Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

Service Portal form cell spacing or padding not working?

Wesley Breshear
Tera Expert

Hello,

I am still a beginner at HTML and CSS but having problems with Cell spacing or Padding not working within a form on the Service Portal.   Any thoughts on what I may be doing wrong?

Table Properties.jpg   Instructions.jpg

Here is what it looks like on the Service Portal.   No cell spacing or cell padding.

Form view.jpg

Here is the source code.

<table style="height: 122px;" width="423" cellspacing="8" cellpadding="5">

        <tbody>

                  <tr>

                            <td><img style="align: middle;" src="sys_attachment.do?sys_id=032115dc0f72cb00b855f08ce1050ef2" align="baseline" border="" hspace="" vspace="" /></td>

                            <td scope="row">

                                      <p><span style="font-family: 'arial black', 'avant garde';"><strong>*** RISK / SAFETY / THREAT / DANGER</strong>  ***</span></p>

                                      <p><span style="font-family: arial, helvetica, sans-serif;">Does this issue potentially or is causing a risk, safety,   threat or dangerous situation?</span></p>

                            </td>

                  </tr>

        </tbody>

</table>

Thank you,

-Wesley

1 ACCEPTED SOLUTION

Wesley Breshear
Tera Expert

I found out this is a problem with ServiceNow.  I have problem ticket open with ServiceNow HI Support, so we will see if they resolve the issue.  In the mean as a solution, I add 8px white border around the image so it achieved the same effect.

-Wesley

View solution in original post

10 REPLIES 10

Justin Abbott
Giga Guru

Not sure that you're doing anything wrong. You could try adding some padding to the <td> that houses the image, though, to see if that gives you the desired result.



<table style="height: 122px;" width="423" cellspacing="" cellpadding="">


  <tbody>


      <tr>


          <td style="padding-right: 10px;">


              <img style="align: middle;" src="IMAGE_SOURCE_HERE" align="baseline" border="" hspace="" vspace="" />


          </td>


          <td scope="row">


              <p>


                  <span style="font-family: 'arial black', 'avant garde';">


                      <strong>*** RISK / SAFETY / THREAT / DANGER</strong> ***


                  </span>


              </p>


              <p>


                  <span style="font-family: arial, helvetica, sans-serif;">


                      Does this issue potentially or is causing a risk, safety, threat or dangerous situation?


                  </span>


              </p>


          </td>


      </tr>


  </tbody>


</table>


Hi Justin,



No success.  


I will put in a HI ticket and see if they have a solution.   Thanks for trying.



-Wesley


Wesley Breshear
Tera Expert

I found out this is a problem with ServiceNow.  I have problem ticket open with ServiceNow HI Support, so we will see if they resolve the issue.  In the mean as a solution, I add 8px white border around the image so it achieved the same effect.

-Wesley

Hi Wesley,

 

  I am having the similar issue that cellspacing attribute is not working for table tag in Content management ESS portal. Please let me know if you have a solution for this.

 

Thanks,

Mahesh.