I can;t get my around repeatable regions with div columns and lists, below is what I am trying to achieve without couch tags integrated
Below is what I have with couch tags integrated
That outputs the code below
Could someone help please as I have never used repeatable regions with div columns and lists together before
- Code: Select all
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Startup problems</li>
<li>Computer crashes</li>
<li>Maintenance contracts</li>
<li>Blue screen</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeIn" data-animation-delay="0s">
<ul class="marker-list">
<li>Tune up & optimisation services</li>
<li>Password removal/reset</li>
<li>Software issues resolved</li>
<li>Internet connection difficulties</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeInRight" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Hardware upgrades</li>
<li>Software installation</li>
<li>Operating system install/reinstall</li>
<li>Laptop & Desktop upgrades</li>
</ul>
</div>
Below is what I have with couch tags integrated
- Code: Select all
<cms:show_repeatable 'other_services_lists'>
<cms:set my_count="<cms:zebra '1' />" />
<cms:if my_count='1'>
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
</cms:if>
<ul class="marker-list">
<li><cms:show other_services_list_item/></li>
</ul>
<cms:if my_count='1' || k_count=k_total_records>
</div>
</cms:if>
</cms:show_repeatable >
That outputs the code below
- Code: Select all
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Startup problems</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Computer crashes</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Maintenance contracts</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Blue screen</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Tune up & optimisation services</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Password removal/reset</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Software issues resolved</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Internet connection difficulties</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Hardware upgrades</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Software installation</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Operating system install/reinstall</li>
</ul>
</div>
<div class="col-sm-4 animation" data-animation="fadeInLeft" data-animation-delay="0.5s">
<ul class="marker-list">
<li>Laptop & Desktop upgrades</li>
</ul>
</div>
Could someone help please as I have never used repeatable regions with div columns and lists together before