Django template row alternate for multiple content

Question

I've a template design like this

<div class="row">
      <div class="col-sm-8"></div>
      <div class="col-sm-4"></div>
</div>
<div class="row">
      <div class="col-sm-4"></div>
      <div class="col-sm-8"></div>
</div>

and I've tried using this article django template rows of multiple items

But output doesnt come as required. How can I do as required.

What I've tried:

{% for item in items %}
<div class="row">
   {% if forloop.counter|divisibleby:2 %}
       <div class="col-sm-4"></div>
       {% else %}
        <div class="col-sm-8"></div>
   {% endif %}
</div>
{% endfor %}

Hello, could you share you complete code? As you can see on the other post, this is a loop you need to create. — TonyEight, Dec 20 '16 at 08:55
This is your problem. The opening "div tag" is inside the loop. Let me show you. — TonyEight, Dec 20 '16 at 08:58

TonyEight · Accepted Answer · 2016-12-20T09:32:22.283

1

Your code produce one row per item. If I'm correct, you want 2 items per row.

{% with items_length = items|length%}
<div class="row">
{% for item in items %}
<div class="col-sm-{% cycle '4' '8'%}"></div>
{% if forloop.counter|divisibleby:2 and forloop.counter < items_length %}
</div>
<div class="row">
{% endif %}
{% endfor %}
</div>
{% endwith %}

Something like that should work.

edited Dec 20 '16 at 09:32

answered Dec 20 '16 at 09:09

TonyEight

316
3
11

score 0 · Answer 2 · answered Dec 20 '16 at 09:13

0

The following is one way to do it:

{% for item in items %}
<div class="row">
    {% if forloop.counter0|divisibleby:2 %}
        <div class="col-sm-8"></div>
        <div class="col-sm-4"></div>
    {% else %}
        <div class="col-sm-8"></div>
        <div class="col-sm-4"></div>
    {% endif %}
</div>
{% endfor %}

Notice the use of forloop.counter0.

answered Dec 20 '16 at 09:13

Moses Koledoye

77,341
8
133
139

Shows individual data twice – Russell Dec 20 '16 at 09:26
1

Nope, it shouldn't, except you're running another for loop in the one you've shown – Moses Koledoye Dec 20 '16 at 09:27
1

@nikolas Show us the exact code which u r putting in the template. Something is wrong there. – Prakhar Trivedi Dec 20 '16 at 09:32

Django template row alternate for multiple content

2 Answers2