add image on icon link widget,How can we do that?

Varsha21 · ‎08-18-2020

Hello Team,

I want to add the image at the top and below a description for the link, it can be like an icon link widget.

e.g. like

How can we do that?

I have gone through the below links but did not get a solution.

http://conyxit.com/custom-glyph-in-servicenow-portal-icon-link-widget/

http://sn.sptrac.com/?p=155

https://community.servicenow.com/community?id=community_question&sys_id=fc924ae61b048c18d01143f6fe4b...

Thanks in advance.

Pranav Bhagat · ‎08-18-2020

Try this

Upload the image in images table.

  <!--// Circle Icon -->
  <a ng-if="::(options.link_template == 'Circle Icon')" ng-href="{{::data.href}}" class="circle_icon {{::options.class_name}} text-{{::options.color}}" target="{{::data.target}}">
    
<img src="<imagename>.jpg" width="500" height="600">
<span class="fa fa-stack fa-2x">
      <i class="fa fa-circle fa-stack-2x"></i>
      <i class="fa fa-{{::options.glyph}} fa-stack-1x fa-inverse"></i>
    </span>
    <h2>{{::options.title}}</h2>
    <span class="text-muted">{{::options.short_description}}</span>
  </a>

Regards

Pranav

View solution in original post

cuchi · ‎04-11-2023

Hi Varsha,

i read that you could do what you were looking for.

I am trying to do the same, but i dont understand where the code goes and where the image is stored.

Would you mind explaining the solution in more detail please.

regards,

max