Solved: Changing Jelly CSS - ServiceNow Community

Changing Jelly CSS

jeremyeperdue
Giga Expert

How can I change the padding and width of the ServiceNow fields below:

ui page.PNG

I would like to increase or decrease the reference fields width and pad between each.

<table>

  <p>When a user account is locked, follow KB Article: 402546<br />Please verify the manager and have IAM-OPs re-enable the password.</p>

  <hr />

  <tr>

  <td align="center">Spoke to Manager :</td>

  <td>

  <g:ui_reference name="manager_name" table="sys_user" query="nameNOT LIKEDept_Shared" completer="AJAXTableCompleter" columns="u_rj_user_name;department" width="250" />

  </td>

  </tr>

  <tr>

  <td align="center">Verified Manager's Identity :</td>

  <td align="left"><g:ui_checkbox name="verified_manager" value="${false}" mandatory="true"/></td>

  </tr>

  <tr>

  <td align="center">Obtained New Expiration Date :</td>

  <td><g:ui_date name="password_expiration_date" value="${sysparm_start_date}" /></td>

  </tr>

  <tr>

  <td align="center">IAM-OPS Associate :</td>

  <td><g:ui_reference name="iamops_name" id="reference_fields" table="sys_user" query="nameNOT LIKEDept_Shared" completer="AJAXTableCompleter" columns="u_rj_user_name;department" /></td>

  </tr>

</table>

I have tried a bunch of different things to modify the spacing and I can't get anything to work so I removed that from the code above. except the cellspacing and cellpadding which clearly doesn't work or I am doing something wrong.

1 ACCEPTED SOLUTION

jeremyeperdue
Giga Expert

Look into bootstrap. I have completely reworked the HTML to remove the tables and take advantage of bootstrap.


View solution in original post

12 REPLIES 12

tanumoy
Tera Guru

could you please remove cellspacing and cellpadding from the <tr> tag and check once...



After that please paste a screenshot here...


Updated. And I updated the code above to reflect.


ui page.PNG


Check it once please:




  1. <table cellspacing="15" cellpadding="25">  
  2.   <p>When a user account is locked, follow KB Article: 402546<br />Please verify the manager and have IAM-OPs re-enable the password.</p>  
  3.   <hr />  
  4.   <tr>  
  5.   <td align="center">Spoke to Manager :</td>  
  6.   <td>  
  7.   <g:ui_reference name="manager_name" table="sys_user" query="nameNOT LIKEDept_Shared" completer="AJAXTableCompleter" columns="u_rj_user_name;department" width="250" />  
  8.   </td>  
  9.   </tr>  
  10.  
  11.   <tr>  
  12.   <td align="center">Verified Manager's Identity :</td>  
  13.   <td align="left"><g:ui_checkbox name="verified_manager" value="${false}" mandatory="true"/></td>  
  14.   </tr>  
  15.  
  16.   <tr>  
  17.   <td align="center">Obtained New Expiration Date :</td>  
  18.   <td><g:ui_date name="password_expiration_date" value="${sysparm_start_date}" /></td>  
  19.   </tr>  
  20.  
  21.   <tr>  
  22.   <td align="center">IAM-OPS Associate :</td>  
  23.   <td><g:ui_reference name="iamops_name" id="reference_fields" table="sys_user" query="nameNOT LIKEDept_Shared" completer="AJAXTableCompleter" columns="u_rj_user_name;department" /></td>  
  24.   </tr>  
  25. </table>

Did you add the cellspacing to the table as opposed to the rows?



If this is the case, I have tested that with the same results. (As I was removing the spacing in the rows just a minute ago)