Hyperlink with icon

Answered
JVD asked on March 17, 2022

Hello,
I have hyperlink on cell value, but need to show icon instead of value. When user clicks icon then a new page should open based on the hyperlink's value.
How to create a hyperlink with icon?

Attachments:
hyperlink.jpg

5 answers

Public
Maksym Diachenko Maksym Diachenko Flexmonster March 17, 2022

Hello!

Thank you for writing to us.

You can achieve this functionality using the customizeCell function.
Inside the customizeCellFunction, the cell.text property should be replaced with an HTML code containing a hyperlink with icon. Also, you should apply a z-index style to the cell to make the link clickable.
Please refer to the following example of this use case: https://jsfiddle.net/flexmonster/vxh9y0mc/.

We hope this helps. Please let us know if you have more questions.

Best Regards,
Maksym

Public
Maksym Diachenko Maksym Diachenko Flexmonster March 25, 2022

Hello!

Hope you are doing well.

We were wondering if you had a chance to try the suggested approach for adding hyperlinks with icons into cells. Could you please let us know if our response helped?

Best Regards,
Maksym

Public
JVD March 28, 2022

Hi Maksym!
Thank you, I got the idea how to add hyperlink with icon. Unfortunately, have not tested yet. I'll let you know later. Thanks again!
Best regards,
JVD 

Public
JVD October 31, 2022

Hi Maksym,
Thanks, it worked well !
 
Kind regards,
JVD

Public
Maksym Diachenko Maksym Diachenko Flexmonster November 2, 2022

Hello!

Thank you for your feedback.
We are glad to hear that our solution worked for you.

Best Regards,
Maksym

Please login or Register to Submit Answer