Forum for discussing general topics related to Couch.
3 posts Page 1 of 1
Hi

I am trying to make a two column list using repeatable region but can;t seem to get the tags in the right place no matter what I try, can anyone help please

The non couch code is below is how it should look like

Code: Select all
<div class="col-md-6">    
                <ul class="areaslist">
                <li class="areasitem"><a href="#"><span>Computer Repair</span></a></li>
                <li class="areasitem"><a href="#"><span>Computer Repair</span></a></li>
                <li class="areasitem"><a href="#"><span>Computer Repair</span></a></li>
                </ul>
                </div>
                   
                    <div class="col-md-6">
                <ul class="areaslist">
                <li class="areasitem"><a href="#"><span>Computer Repair</span></a></li>
                <li class="areasitem"><a href="#"><span>Computer Repair</span></a></li>
                </ul>
                  </div>


Below is what it currently is like with couch tags integrated

Code: Select all
<div class="col-md-6">
                                <ul class="areaslist">
                <li class="areasitem"><a href="#"><span>Computer Repair</span></a></li>
                </ul>
                </div>
                                                                                                <ul class="areaslist">
                <li class="areasitem"><a href="#"><span>Computer Repair</span></a></li>
                </ul>
                </div>
                                                                                                <ul class="areaslist">
                <li class="areasitem"><a href="#"><span>Computer Repair</span></a></li>
                </ul>
                </div>
                                                </div>
                                                                                <div class="col-md-6">
                                <ul class="areaslist">
                <li class="areasitem"><a href="#"><span>Computer Repair</span></a></li>
                </ul>
                </div>
                                <div class="col-md-6">
                                                                                                <ul class="areaslist">
                <li class="areasitem"><a href="#"><span>Computer Repair</span></a></li>
                </ul>
                </div>
                                                </div>


Below is the code with couch tags integrated

Code: Select all
<cms:show_repeatable 'areas' >
                <cms:set my_count="<cms:zebra '1' '2' '3' />" />
                <cms:if my_count='1'>
                <div class="col-md-6">
                </cms:if>
                <ul class="areaslist">
                <li class="areasitem"><a href="#"><span><cms:show area/></span></a></li>
                </ul>
                </div>
                <cms:if k_count='4'>
                <div class="col-md-6">
                </cms:if>
                <cms:if my_count='3' || k_count=k_total_records>
                </div>
                </cms:if>
                </cms:show_repeatable>
Update: Got bit closer but it's closing everything after 2 list items instead of 3. Below is what I have now

Code: Select all
<div class="col-md-6">
                <ul class="areaslist">
                <cms:show_repeatable 'areas' >
                   <cms:set my_count="<cms:zebra '1' '2' '3' />" />
                       <cms:if my_count='1'>
                <li class="areasitem"><a href="#"><span><cms:show area/></span></a></li>
                </cms:if>
                </cms:show_repeatable>
                </ul>
                <cms:if k_count='4'>
                <div class="col-md-6">
                </cms:if>
                <cms:if my_count='3' || k_count=k_total_records>
                </div>
                </cms:if>
Update: I have sorted it, I done the coding a different way which gives the same design/layout. Below is the updated code with couchcms tags integrated

Code: Select all
<cms:show_repeatable 'areas' >
                   <cms:set my_count="<cms:zebra '1' '2' '3' '4' '5' />" />
                       <cms:if my_count='1'>
                           <div class="row">
                        </cms:if>
                <div class="col-md-6">
                <ul class="areaslist">
                <li class="areasitem"><a href="#"><span><cms:show area/></span></a></li>
                </ul>
                </div>
                <cms:if k_count='6'>
                </cms:if>
                <cms:if my_count='5' || k_count=k_total_records>
                </div>
                </cms:if>
                </cms:show_repeatable>
3 posts Page 1 of 1