Home/ Questions/Q 6947931
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T13:45:22+00:00

How would i go about ( preferably not in the code behind ) adding

  • 0

How would i go about (preferably not in the code behind) adding a clear in ever third item. This is the code in question…

 <asp:ListView ID="lvproducts" runat="server" DataSourceID="entyproducts">
 <ItemTemplate>
  <div class="s_item grid_3"> <a class="s_thumb" href="product.html"><img  
   src="images/product_180x180.jpg" title="Samsung SyncMaster 941BW" alt="Samsung 
    SyncMaster 941BW" /></a>
      <h3><a href="products.aspx"><%# Eval("title") %>  </a></h3>
      <p class="s_model"><%# Eval("model") %>  </p>
       $ <%# Eval("salesprice") %>  
      <p class="s_rating s_rating_5"><span style="width: 60%;" class="s_percent">   
      </span></p>
      <a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span   
       class="s_icon"></span>Add to Cart</span></a>
    </div>
   </ItemTemplate>
 </asp:ListView>

In the original markup the designer has that <div class="clear"></div> after every third item in the list. How do I do that (preferably not in the code behind)? Is their a template I can put that in (I think there should be)?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this,

        <asp:ListView ID="lvproducts" runat="server" DataSourceID="entyproducts">
        <ItemTemplate>
            <div class="s_item grid_3">
                <a class="s_thumb" href="product.html">
                    <img src="images/product_180x180.jpg" title="Samsung SyncMaster 941BW" alt="Samsung  
SyncMaster 941BW" /></a>
                <h3>
                    <a href="products.aspx">
                        <%# Eval("title") %>
                    </a>
                </h3>
                <p class="s_model">
                    <%# Eval("model") %>
                </p>
                $
                <%# Eval("salesprice") %>
                <p class="s_rating s_rating_5">
                    <span style="width: 60%;" class="s_percent"></span>
                </p>
                <a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span
                    class="s_icon"></span>Add to Cart</span></a>
            </div>
            <%# (Container.DataItemIndex != 0 && (Container.DataItemIndex+1) % 3 == 0) ? @"<div class='clear'></div>" : string.Empty %>
        </ItemTemplate>
    </asp:ListView>
    • 0