Copy link to clipboard
Copied
I'm trying to build a webapp for the home page slider on this page http://locall771.sitestage.ca
Can anyone help me with how I would insert one of these tags ( {tag_slider image},{tag_slider image_value},{tag_slider image_nolink} ) into the list view?
<div class="rsContent">
<img class="rsImg" src="../images/slider_images/img_ph-4.jpg" alt="image desc" />
<div class="rsTmb">
<h5>{tag_caption headline}</h5>
<span>{tag_caption tagline}</span>
</div>
</div>
It's an image slider called Royal Slider. http://dimsemenov.com/plugins/royal-slider/video-gallery/
Copy link to clipboard
Copied
This should work for you but it's not having the images link to anywhere. If you use the {tag_itemurl_nolink} tag in your web app item list layout, it will output the URL to the web app detail page only, not a URL for a page on your site or elsewhere.
<div class="rsContent"> <img class="rsImg" src="{tag_slider image_value}" alt="{tag_caption headline}"/> <div class="rsTmb"> <h5>{tag_caption headline}</h5> <span>{tag_caption tagline}</span> </div> </div>
If you want to add a URL to link the slider image to you'd have to wrap the IMG element in an anchor tag that links to the value of a text field in your web app. Don't use the "Hyperlink" field in the web app, just make it a string so that we can wrap it around your image. Below I'm adding a link to a field in your web app named "Page URL" and it's a text datatype, not hyperlink. If you have a field already that is a text field for a URL to link to, change the tag below.
<div class="rsContent"> <a href="{tag_Page URL}"><img class="rsImg" src="{tag_slider image_value}" alt="{tag_caption headline}"/></a>
<div class="rsTmb"> <h5>{tag_caption headline}</h5> <span>{tag_caption tagline}</span> </div> </div>