CODEWITHSUNDEEP
htmlcssasp.netrepeater
Si8
Si8

Reputation: 9225

How to show alternating section inside repeater

Repeater:

<asp:Repeater ID="repeater" runat="server">
    <ItemTemplate>
        <%# Container.ItemIndex % 2 == 0 %>
        <div class="class1">
            <span style="float: left;">
                <img src="" />
            </span>
            <span style="float: right;">
                <asp:Label id="lFN" runat="server" />
            </span>
        </div>
        <%# Container.ItemIndex % 2 != 0 %>
        <div class="class2">
            <span style="float: right;">
                <img src="" />
            </span>
            <span style="float: left;">
                <asp:Label id="lFN2" runat="server" />
            </span>
        </div>
    </ItemTemplate>
</asp:Repeater>

What I would like to do for alternate item is display the class2 div.

Something like this result:

<div class="class1"> //index 0
    <span style="float: left;">
        <img src="myimg.jpg" />
    </span>
    <span style="float: right;">
        <span>John</span>
    </span>
</div>
<div class="class2"> //index 1
    <span style="float: right;">
        <img src="myimg2.jpg" />
    </span>
    <span style="float: left;">
        <span>Mike</span>
    </span>
</div>
<div class="class1"> //index 2
    <span style="float: left;">
        <img src="myimg3.jpg" />
    </span>
    <span style="float: right;">
        <span>Quentin</span>
    </span>
</div>
...

How can I achieve the above?

The way I have now is just shows TRUE FALSE and displays the record as many times.

Upvotes: 2

Views: 152

Answers (1)

Adrian Iftode
Adrian Iftode

Reputation: 15663

<asp:Repeater ID="repeater" runat="server">
    <ItemTemplate>

        <div class='<%# Container.ItemIndex % 2 == 0 ? "class1" : "class2" %>'>
            <span style='<%# Container.ItemIndex % 2 == 0 ? "float:left;" : "float:right;" %>'>
                <img src='<%# Eval("ProfilePic") %>' />
            </span>
            <span style='<%# Container.ItemIndex % 2 == 0 ? "float:right;" : "float:left;" %>'>
                <asp:Label id="lFN" runat="server" Text='<%# Eval("Name") %>' />
            </span>
        </div>

    </ItemTemplate>
</asp:Repeater>

Upvotes: 2

Related Questions