Add Link to another catalog item

brittanyg_ · ‎05-05-2020

I've seen several posts on this but nothing that made sense or was accurately answered recently. I want to add a link to another catalog item if a certain selection is chosen. i have a request form for software, if a certain software is selected then I want a link to appear to another catalog item to submit a separate request. This seems to not be an easy thing which is very surprising since you can add it to the description.

Meera11 · ‎05-05-2020

Please Mark my answer helpful or correct

I have created some thing similar:

First Create a widget and then add to catalog:

Widget ex:

HTML:

<div>


<head>
<style>
.button {
background-color: #2E64FE;
border: none;
color: white;
padding: 10px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
margin: 4px 2px;
}
</style>
</head>
<body>

<a href="" class = "button" data-toggle="tooltip" >Click Here</a>
<p>This link will take you to the checkin/checkout tool owned by SECore. Please check their tool see if there are Physical Servers that meet your requirements or to generate a standard App/DB VM!</p>
</body>

</div>

no other scripts required in the widget

brittanyg_ · ‎05-06-2020

How did you make this work for the back-end UI.

Meera11 · ‎05-06-2020

Just add the macro variable and add the widget as below. Add the herf link in the widget

div>


<head>
<style>
.button {
background-color: #2E64FE;
border: none;
color: white;
padding: 10px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
margin: 4px 2px;
}
</style>
</head>
<body>

<a href="" class = "button" data-toggle="tooltip" >Click Here</a>
<p>This link will take you to the checkin/checkout tool owned by SECore. Please check their tool see if there are Physical Servers that meet your requirements or to generate a standard App/DB VM!</p>
</body>

Please Mark answer helpful/Correct Thank You

Meera11 · ‎05-06-2020

I have created below macro for instance view as well:

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">

<head>
<style>
.button {
background-color: #2E64FE;
border: none;
color: white;
padding: 10px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
margin: 4px 2px;
}
</style>
</head>
<body>

<a href="https://instancename.service-now.com/nav_to.do?uri=%2Fui_page.do%3Fsys_id%3D5fa267eed7f3110024c285080e610366" class = "button" data-toggle="tooltip" >Click Here</a><br></br>
<p><b>This link will take you to the checkin/checkout tool owned by SECore. Please check their tool see if there are Physical Servers that meet your requirements or to generate a standard App/DB VM!</b></p>
</body>
</j:jelly>