Skip to content

Floating Widget (In-Content)

You can either:

You can also have a mix of the two and include multiple pods both statically and via an include within the floating widget. If you have a set of widgets within a certain folder that you'd like to randomly pull in, you can also randomly include a set of widgets.

To include one of these widgets on a page, you need to paste one of the below examples into the HTML BEFORE the first <h1> tag.

Example 1: Include with wrapper

<div class="ui-pod-incontent-wrapper">
<!-- WFINC="virtual(/sitename/widgets/profiles/student-name.html)" -->
</div>

Example 2: Statically inserted

<div class="ui-pod-incontent-wrapper">
  <div class="grid_6 three-col-col-3">
    <div class="ui-pod ui-featured-pod">
      <h2 class="pod-title ui-blue-nib ui-blue-grad"><strong>## Insert Title ##</strong><span class="nib">&nbsp;</span></h2>
    <div class="ui-pod-content"><a href="#"><img alt="#" src="//www-uat.adelaide.edu.au/placeholder/230x150" /></a>
      <div class="inner-content">
        <span class="sub-title">#Subtitle#</span>
        <span class="em-title"><a href="#">Subtitle Link</a></span>
        <p><em>"Quote insert content and example text used for a widget, such examples could include a direct quote or a statement which maybe suitable"</em></p>
      <a class="action-icon-btn" href="#" title="Click for more">More</a></div>
      </div>
    </div>
  </div>
</div>

Example 3: Statically inserted and includes

<div class="ui-pod-incontent-wrapper">
<!-- WFINC="virtual(/sitename/widgets/profiles/student-name.html)" -->
  <div class="grid_6 three-col-col-3">
    <div class="ui-pod ui-featured-pod">
      <h2 class="pod-title ui-blue-nib ui-blue-grad"><strong>## Insert Title ##</strong><span class="nib">&nbsp;</span></h2>
      <div class="ui-pod-content"><a href="#"><img alt="#" src="//www-uat.adelaide.edu.au/placeholder/230x150" /></a>
        <div class="inner-content">
        <span class="sub-title">#Subtitle#</span>
          <span class="em-title"><a href="#">Subtitle Link</a></span>
          <p><em>"Quote insert content and example text used for a widget, such examples could include a direct quote or a statement which maybe suitable"</em></p>
          <a class="action-icon-btn" href="#" title="Click for more">More</a></div>
      </div>
    </div>
  </div>
<!-- WFINC="virtual(/sitename/widgets/profiles/student-name2.html)" -->
</div>

Example 4: Randomly included with wrapper

<div class="ui-pod-incontent-wrapper">
<!--WFINC="randominc(/sitename/widgets/profiles/;cache=0)" -->
</div>

 

Web Team

Call us: For urgent requests or to speak with someone directly,
please contact one of our team members.
 
Still not sure how to do something? Submit an online enquiry.