Link a page within an image

  • 1
  • Question
  • Updated 3 years ago
  • Answered
I have a request where I have to link a page to an image. Lets say if i click on an image it should re direct me to a different page. please help me in doing this.
Photo of Navyatha Sude

Navyatha Sude

  • 110 Points 100 badge 2x thumb

Posted 3 years ago

  • 1
Photo of JG GBC

JG GBC

  • 694 Points 500 badge 2x thumb
You could write a script, that wraps a link around your image.

Create an new JS (In-Line) and paste this code in there:

(function(skuid){
var $ = skuid.$;
$(document.body).one('pageload',function(){
$('#uniqueIdOfImage').wrap(yourLink)
});
})(skuid);
(Edited)
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
You don't really need a script.  You can use a template component and write html in that template that looks like this

<a href="LINK_URL"><img src="IMG_URL"/></a>

You can see a slightly more complicated version of this in the Skuid app.  In your pages list open the page "SkuidCoreMaster"  and you'll see the skuid logo in the header.  Its using the template approach shown above to link to the skuid central help site.  You can't change this page -  but you can learn from it.... 

We have on the roadmap the addition of "on click actions" to the image component.  But they are not there yet.