1 Reply Latest reply on May 23, 2013 5:41 PM by thetrickster888

    Proper Syntax

    scottdouglas999 Level 1

      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/

        • 1. Re: Proper Syntax
          thetrickster888 Level 4

          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>