Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

Insert URL into Carousel Slide

heathers_
Kilo Sage

Hello, is there a way to insert a clickable URL into a Carousel Slide?

Thank you,

Heather Swearingen

3 REPLIES 3

TrevorK
Kilo Sage

I'm not sure if you're looking to modify some out of box functionality or what, but generally you can make an image clickable through code similar to the following:


find_real_file.png


You are essentially embedding your <img> tag within your <a> tag, making the entire image clickable. This is what we use on our image carousel for one of our public ServiceNow-based sites.


varunnprasaad
Giga Contributor



<div class="item">


                  <img src="https://unsplash.it/800/600" alt="">


                  <div class="container">


                      <div class="carousel-caption">


                          <h1>Google</h1>


                          <p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>


                          <a class="btn btn-large btn-primary" href="https://www.google.com ">Visit</a>


                      </div>


                  </div>


</div>




It makes the caption on a carousel clickable.


Hope this helps!


This has been very helpful. I have one issue though, the Caption box is overlaid on the Name box, how do I get the caption box to move down a few so that is not covering the text in the Name field?




4-20-2017 10-44-40 AM.jpg