Hyperlink redirect to plugin

IdentityIQ (IIQ) IIQ Discussion and Questions
1

Which IIQ version are you inquiring about?

8.4

Please share any images or screenshots, if relevant.

image
image2532×399 26.1 KB

Hi Experts,

Is it possible to add a hyperlink in the red-box highlighted area and the hyperlink should redirect users to a plugin page.

2

Hello @Bernardc

You have to create a plugin to add a link. I just use developers options and I can able to see the link.

In the screenshot provided, there is a CSS class named “col-xs-10 m-t-xs”. By using the JavaScript method document.getElementsByClassName("col-xs-10 m-t-xs"), you can retrieve all the HTML elements on the page that have this class name.

In the example shown in the screenshot, there are 10 access requests displayed. When you use document.getElementsByClassName("col-xs-10 m-t-xs"), it will return an array containing 10 HTML elements, one for each access request.

Once you have obtained the array of HTML elements, you need to iterate over each element. For each element, you should append an anchor tag (<a>) with the desired plugin URL. This will create a clickable link for each access request, allowing users to access additional functionality or information related to that request.

image
image1898×307 25.4 KB

3

Hi @vedeepak ,

Does that mean I need to add the mentioned method in accessRequestDetails.xhtml?

4

Hi @Bernardc ,

This means you need to create a separate plugin to inject link on that location. For this you need some Javascript skills and To develop a plugin please check below guide and video

5

Hi @vedeepak ,

Yes, I am developing a separate plugin for that. Regarding the location to inject the link, I assume it depends on where I want the link to appear?

6

You can use below js code to inject a link to your location. Before that execute below code in browser developers tools to preview it and update your location based on your requirement.

document.querySelectorAll('.col-xs-10.m-t-xs > div:last-child').forEach(element => {
  element.insertAdjacentHTML('beforeend', '<a href="https://google.com">google</a>');
});
7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.