Add Custom Image in the Icon link widget instead glyphicon icon

salu
Mega Guru

Hello,

Can some one please help me on this..I need to add a custom image in the Icon link of the Service Portal.How can I add it?

find_real_file.png

Thanks

Saranya

1 ACCEPTED SOLUTION

larstange
Mega Sage

Hi



you will have to clone the widget and make your own version - the widget is only coded to show the glyph as an image


find_real_file.png


View solution in original post

28 REPLIES 28

when i choose the image, there is  no image

 

martinpersoroux
Tera Expert

HTML

<div>
<!--// Top Icon -->
<a ng-if="::(options.link_template == 'Glyph Icon' || !options.link_template)" ng-href="{{::data.href}}" class="glyph_icon " target="{{::data.target}}">
<div class="m-b fa fa- fa-4x text-" align="center" style="margin-right: auto; margin-left: auto; display: block;"></div>
<h4 style="text-align: center;">{{::options.title}}</h4>
<span class="text-muted"></span>
<p> </p>
</a>


<!--// Image Icon -->
<a ng-if="::(options.link_template == 'Image Icon')" ng-href="{{::data.href}}" class="image_icon text-" target="{{::data.target}}">
<div><img src="{{::data.image}}" alt="" align="center" style="margin-right: auto; margin-left: auto; display: block;"/>
<h4 style="text-align: center;">{{::options.title}}</h4>
<span class="text-muted"></span></div>
<p> </p>
</a>


</div>

Hi Martin

 

I have copied the code you have provided and its not showing the Image

 

Are you able to help me?

Thanks

Chris

Markusz
Tera Contributor

Hi all,

For me it's not showing any picture from instance, don't know what is wrong

 

Jimmy45
Giga Guru

@martinpersoroux 

 

Did you ever figure out why it doesn't render the image on the portal for the customized Icon Link widget?