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.

Need help on catalog item to fix issue of HTML Description field

Veluri Madhusud
Kilo Contributor

Hi all, 

 

We created a catalog item , in the description we added a table. It is visible in the native view.

find_real_file.png

but its missing in the Portal view, Just showing data in table with out any boarders as shown below.

find_real_file.png

Can anyone faced this kind of issue similarly like me. Please help me out to resolve this issue.

 

Thank you,

Madhu.

4 REPLIES 4

Murthy Ch
Giga Sage

@Veluri Madhusudhan naidu 

I just did a quick test in my PDI which is working fine for me. See below screenshot for reference:

find_real_file.png

Result:

find_real_file.png

Note: I have added table structure using table icon.

 

Thanks,

Murthy

Thanks,
Murthy

Hi 

Try this:

<table style="border-collapse: collapse; width: 525pt;" border="1" cellspacing="0" cellpadding="0">
Thanks,
Murthy

Ankur Bawiskar
Tera Patron
Tera Patron

Hi,

Can you share your html source code used in description field?

Regards
Ankur

Regards,
Ankur
Certified Technical Architect  ||  9x ServiceNow MVP  ||  ServiceNow Community Leader

Hi Thanks for reply.

Below is my Source Code. 

<p><span style="font-size: 7pt;">Below table refers to the categories and sub-categories available to log a Support request.</span></p>
<table style="border-collapse: collapse; width: 525pt;" border="0" cellspacing="0" cellpadding="0"><colgroup><col style="width: 81pt;" /><col style="width: 444pt;" /></colgroup>
<tbody>
<tr style="height: 14.5pt;">
<td style="width: 81pt; border-width: 1pt 0.5pt 0.5pt 1pt; border-style: solid; border-color: windowtext; padding-top: 1px; padding-right: 1px; padding-left: 1px; color: black; font-size: 11pt; font-weight: 400; font-style: normal; font-family: Calibri, sans-serif; vertical-align: bottom; border-image: initial; white-space: nowrap;">Type of Request&nbsp;</td>
<td style="border-left: none; width: 444pt; text-align: center; border-top: 1pt solid windowtext; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-top: 1px; padding-right: 1px; padding-left: 1px; color: black; font-size: 11pt; font-weight: 400; font-style: normal; font-family: Calibri, sans-serif; vertical-align: bottom; border-image: initial; white-space: nowrap;">Category/Sub-Category</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-bottom: 1pt solid black; border-top: none; font-size: 10pt; text-align: center; vertical-align: middle; border-right: 0.5pt solid windowtext; border-left: 1pt solid windowtext; padding-top: 1px; padding-right: 1px; padding-left: 1px; color: black; font-weight: 400; font-style: normal; font-family: Calibri, sans-serif; border-image: initial; white-space: nowrap;" rowspan="26">Support</td>
<td style="border-top: none; border-left: none; color: black; font-size: 7pt; font-weight: bold; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; background: #d9d9d9; padding-top: 1px; padding-right: 1px; padding-left: 1px; font-style: normal; border-image: initial; white-space: nowrap;">User Access Request (Jupiter License - will require BU approval)</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Jupiter Access Activation</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Jupiter Access Deactivation</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Marketing Automation Tool</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">&nbsp;</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-weight: bold; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; background: #d9d9d9; padding-top: 1px; padding-right: 1px; padding-left: 1px; font-style: normal; white-space: nowrap;">Accounts</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Create Confidential/Synthetic Account</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Change account owner (only if LCSP is blank)</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Request Read/Write access - To view others Opportunities, Cases and Contacts of that account or access China accounts.</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-top: 1px; padding-right: 1px; padding-left: 1px; color: black; font-size: 11pt; font-weight: 400; font-style: normal; font-family: Calibri, sans-serif; vertical-align: bottom; white-space: nowrap;">&nbsp;</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; color: black; font-size: 7pt; font-weight: bold; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; background: #d9d9d9; padding-top: 1px; padding-right: 1px; padding-left: 1px; font-style: normal; border-image: initial; white-space: nowrap;">Opportunities</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Reopen Opportunity / Update Closed Opportunity</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Mark duplicate opportunity (For closed won opportunity only)</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Mark Opportunity as Confidential/Sensitive</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 9pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-top: 1px; padding-right: 1px; padding-left: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">&nbsp;</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-weight: bold; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; background: #d9d9d9; padding-top: 1px; padding-right: 1px; padding-left: 1px; font-style: normal; white-space: nowrap;">Contacts / Leads</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 9pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">&nbsp;</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-weight: bold; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; background: #d9d9d9; padding-top: 1px; padding-right: 1px; padding-left: 1px; font-style: normal; white-space: nowrap;">Permissions</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Request Lightning report Export Permission</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Request permission to download Einstein Analytics reports</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 9pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-top: 1px; padding-right: 1px; padding-left: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">&nbsp;</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-weight: bold; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; background: #d9d9d9; padding-top: 1px; padding-right: 1px; padding-left: 1px; font-style: normal; white-space: nowrap;">Integrations</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Jupiter-SAP Interface</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-left: 15px; padding-top: 1px; padding-right: 1px; font-weight: 400; font-style: normal; white-space: nowrap;">Marketing Cloud&nbsp;</td>
</tr>
<tr style="height: 14.5pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 9pt; font-weight: bold; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 0.5pt solid windowtext; padding-top: 1px; padding-right: 1px; padding-left: 1px; font-style: normal; white-space: nowrap;">&nbsp;</td>
</tr>
<tr style="height: 15.0pt;">
<td style="border-top: none; border-left: none; border-image: initial; color: black; font-size: 7pt; font-weight: bold; font-family: Verdana, sans-serif; text-align: left; vertical-align: middle; border-right: 1pt solid windowtext; border-bottom: 1pt solid windowtext; background: #d9d9d9; padding-top: 1px; padding-right: 1px; padding-left: 1px; font-style: normal; white-space: nowrap;">Others</td>
</tr>
</tbody>
</table>