How to create a link in popup using client script in Service Portal

[Hiranmayee Moha]

Hi @ Ankur Bawaskar!

If the user selects 'Yes' from choice list of a catalog item, a popup will show with a link that says, Please raise a request to "XYZ Software".

The code is attached below:

function onChange(control, oldValue, newValue, isLoading) {

   if (isLoading || newValue == '') {

      return;

   }

   var yes = g_form.getValue('variable');

 if (yes) {

    var Url = 'link';

g_form.addInfoMessage("Please raise a request to 'xyz Software' in the catalog: <a href='" + Url + "'</a>");

    }

}

TIA

Hiranmayee Mohanta

[Ankur Bawiskar · Accepted solution]

@Hiranmayee Moha 

something like this will show link in portal

Ensure you give correct URL

function onChange(control, oldValue, newValue, isLoading) {
    if (isLoading || newValue == '') {
        return;
    }
    var yes = g_form.getValue('variableName'); // give the variable name here
    if (yes == 'yes') { // give the value you want to compare
        var urlString = '<p><a class="web" target="_blank" href="' + "/esc" + '">' + "Click Here" + '</a></p>';
        g_form.addInfoMessage("Please raise a request to 'xyz Software' in the catalog:" + urlString);
    }
}

If my response helped please mark it correct and close the thread so that it benefits future readers.

[SumanthDosapati · Accepted solution]

@Hiranmayee Moha 

Try below approach

var link = '<a href="google.com">URL</a>';
var message = 'Please raise a request to xyz software in the catalog' + ' ' + link + ' ';
gs.addInfoMessage(message);

Accept the solution and mark as helpful if it does, to benefit future readers.
Regards,
Sumanth

[SumanthDosapati · Accepted solution]

@Hiranmayee Moha 

My mistake, gs wont work in client scripts.

use g_form.addInfoMessage.

[Hiranmayee Moha]

Hi @SumanthDosapati !

Thanks for your quick reply. The below code is not working.

var test = g_form.getValue ('type_of_activity');

 if (test == 'Yes') {

    var link ='<a href="google.com">URL</a>';

var message = 'Please raise a request to xyz software in the catalog' + ' ' + link + ' ';
gs.addInfoMessage(message);

}

}

Thanks

[SumanthDosapati · Accepted solution]

@Hiranmayee Moha 

My mistake, gs wont work in client scripts.

use g_form.addInfoMessage.

[Hiranmayee Moha]

Hi @SumanthDosapati !

It worked. I did a small mistake.

Thanks

[Ankur Bawiskar]

@Hiranmayee Moha 

you can use this client script to show modal with link in portal

Enhance as per your requirement

function onChange(control, oldValue, newValue, isLoading) {
	if (isLoading || newValue == '') {
		return;
	}
	//Type appropriate comment here, and begin script below

	var html = '<a href="https://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>';
	// Use spModal to pop the HTML
	if (html) {
		spModal.open({
			title: 'My Confirm Box',
			message: html,
			buttons: [
				{label:'OK', primary: true}
			],
		});
	}
}

Output:

If my response helped please mark it correct and close the thread so that it benefits future readers.