How to increase repeater size,after using carousel my repeater size get small ,repeater2 is creating problem ,so how to increase size with carousel in repeater
here is my html ,image is attached and highlighted
<%@PageTitle=""Language="C#"MasterPageFile="~/Site1.Master"AutoEventWireup="true"CodeBehind="home.aspx.cs"Inherits="WebApplication21.home" %>
<asp:ContentID="Content1"ContentPlaceHolderID="ContentPlaceHolder1"runat="server"><scripttype="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><scripttype="text/javascript"src="https://cdn.jsdelivr.net/jcarousel/0.2.8/jquery.jcarousel.min.js"></script><linkrel="Stylesheet"href="https://cdn.jsdelivr.net/jcarousel/0.2.8/skins/tango/skin.css"/><scripttype="text/javascript">
$(function(){
$('[id*=mycarousel]').jcarousel({auto:true,
animation:'slow',
wrap:'circular',
width:'1175px',
scroll:1// No of Image To Slide on click of next and previous button.});});</script><divclass="header_slide"><divclass="header_bottom_left"><divclass="categories"><ul><h3>Categories</h3><asp:RepeaterID="Repeater1"runat="server"><ItemTemplate><li>
<asp:HyperLink ID="HyperLink1" runat="server" Text='<%# Eval("cat_name")%>' NavigateUrl='<%# Eval("cat_id","~/View/User/product.aspx?view={0}") %>' ></asp:HyperLink></li></ItemTemplate></asp:Repeater><li><h3><asp:LinkButtonID="LinkButton1"runat="server"OnClick="LinkButton1_Click"Text="LogOut"Style="background-color:aliceblue"></asp:LinkButton></h3></li></ul></div></div><divclass="header_bottom_right"><divclass="slider"><divid="slider"><divid="mover"><divid="slide-1"class="slide"><divclass="slider-img"><ahref="preview.html"><imgsrc="images/slide-1-image.png"alt="learn more"/></a></div><divclass="slider-text"><h1>Clearance<br><span>SALE</span></h1><h2>UPTo 20% OFF</h2><divclass="features_list"><h4>Get to Know More About Our Memorable Services Lorem Ipsum is simply dummy text</h4></div><ahref="preview.html"class="button">Shop Now</a></div><divclass="clear"></div></div><divclass="slide"><divclass="slider-text"><h1>Clearance<br><span>SALE</span></h1><h2>UPTo 40% OFF</h2><divclass="features_list"><h4>Get to Know More About Our Memorable Services</h4></div><ahref="preview.html"class="button">Shop Now</a></div><divclass="slider-img"><ahref="preview.html"><imgsrc="images/slide-3-image.jpg"alt="learn more"/></a></div><divclass="clear"></div></div><divclass="slide"><divclass="slider-img"><ahref="preview.html"><imgsrc="images/slide-2-image.jpg"alt="learn more"/></a></div><divclass="slider-text"><h1>Clearance<br><span>SALE</span></h1><h2>UPTo 10% OFF</h2><divclass="features_list"><h4>Get to Know More About Our Memorable Services Lorem Ipsum is simply dummy text</h4></div><ahref="preview.html"class="button">Shop Now</a></div><divclass="clear"></div></div></div></div><divclass="clear"></div></div></div><divclass="clear"></div></div><divclass="main"><divclass="content"><divclass="content_top"><divclass="heading"><h3>New Products</h3></div><divclass="see"><p><ahref="">See all Products</a></p></div><divclass="clear"></div></div><divclass="section group"><ulid="mycarousel"class="jcarousel-skin-tango" } ><asp:RepeaterID="Repeater2"runat="server"><ItemTemplate><li><divstyle="float:left;width:100%"><%--<a href=""><img src="../../images/slide-3-image.jpg" alt="" style="width:250px;height:250px"/></a>--%>
<asp:Image ID="Image1" runat="server" style="width:220px;height:250px" ImageUrl='<%# Eval("pro_image")%>' />
<h2><p><spanclass="rupees"><asp:Label ID="Label2" runat="server" Text='<%# Eval("pro_name")%>'></asp:Label></span></p></h2><divclass="price-details"><divclass="price-number"><p><spanclass="rupees">PKR<asp:Label ID="Label1" runat="server" Text='<%# Eval("pro_price")%>'></asp:Label></span></p></div><divclass="add-cart"><%--<h4><a href="preview.html">Add to Cart</a></h4>--%>
<h4> <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("pro_id","~/View/User/productdetails.aspx?view={0}") %>'>View Details</asp:HyperLink></h4></div><divclass="clear"></div></div></div></li></ItemTemplate></asp:Repeater></ul></div><%--<div class="add-cart"><h4><a href="preview.html">Add to Cart</a></h4></div>--%>
<divclass="clear"></div></div></div><divclass="content_bottom"><divclass="heading"><h3>Showcase Products</h3></div><divclass="see"><p><ahref="#">See all Products</a></p></div><divclass="clear"></div></div><divclass="section group"><asp:RepeaterID="Repeater3"runat="server"><ItemTemplate><divstyle="float:left;width:25%"><%--<a href=""><img src="../../images/slide-3-image.jpg" alt="" style="width:250px;height:250px"/></a>--%>
<asp:Image ID="Image1" runat="server" style="width:220px;height:250px" ImageUrl='<%# Eval("pro_image")%>' />
<h2><p><spanclass="rupees"><asp:Label ID="Label2" runat="server" Text='<%# Eval("pro_name")%>'></asp:Label></span></p></h2><divclass="price-details"><divclass="price-number"><p><spanclass="rupees">PKR<asp:Label ID="Label1" runat="server" Text='<%# Eval("pro_price")%>'></asp:Label></span></p></div><divclass="add-cart"><%--<h4><a href="preview.html">Add to Cart</a></h4>--%>
<h4> <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("pro_id","~/View/User/productdetails.aspx?view={0}") %>'>View Details</asp:HyperLink></h4></div><divclass="clear"></div></div></div></ItemTemplate></asp:Repeater></div></asp:Content>
akhter
in .NET
Posted
How to increase repeater size,after using carousel my repeater size get small ,repeater2 is creating problem ,so how to increase size with carousel in repeater
here is my html ,image is attached and highlighted