How to include a clickable link on the catalog item that's accessed on the Service Portal ?

Jagadish10 · ‎03-07-2018

Hi All,

I have created a new catalog item that is visible on the Service Portal. In the Catalog Item, I want a clickable link to be displayed. This link shouldn't be in the description.

I created a macro first, and then included that in the macro variable. Wrote a OnLoad client script which has the header reference to the macro.

Macro:

Client Script:

document.getElementById('testMacro').href="https://www.google.com"

I replaced document with g_form but still no luck.

I'm able to see the link on the ServiceNow catalog Item view but failed to see that on the Service Portal catalog item.

Please help me make it visible on the Service Portal's Catalog item.

Thanks

Jagadish

kamlesh kjmar · ‎03-07-2018

Hello Jagadish,

You need not to use UI macro any more. Please create widget write the HTML code there. Below the screen shot.

Then include this newly created widget in your catalog item.

Now include this widget into your Catalog Item ( By creating a new variable of type macro in Item As shown in screen shot below)

After adding this variable into the catalog item, open your catalog item in service portal and check you will see this working

Please hit Like if this rings the bell in your mind and mark my response correct if this solves your issue.

View solution in original post

hanaphouse · ‎05-13-2020

This is faster than learning jelly. 🙂

Irene M · ‎03-08-2021

Hi @kamlesh this is helpful. I was able to make it work. Just a follow-up question though, how do you customize the font style, color and size of the Click Here text?

Krishna Priya · ‎03-30-2021

Hi,

I am trying to add image from ServiceNow(Image module). Can you please help me on that?

<div>
<h2><a src="ZPA%20Images%20for%20R&D%20(York%20/%20Ann%20Arbor).jpg" width="349" height="251">How to check if you have the necessary Zscaler access</a></h2>
</div>

Thanks,

Krishna Priya.

kamlesh kjmar · ‎03-30-2021

Hi Krishna,

If you want to make your image as a hype link then used the below syntax:

<a href="your_URL_address"> <img src="warning.svg"/>Hello</a>

You can copy paste the src value from the image record of image module as shown below:

You will get the output as shown below:

Always remember src attribute can be used with below elements only:

Please hit Helpful if this rings the bell in your mind and mark my response correct if this solves your issue.

Regards,

Kamlesh

Krishna Priya · ‎03-30-2021

Can you please help what i need to place for your_URL_address"?