Jump to content
Sign in to follow this  
akhter

akhter

Recommended Posts

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 

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="home.aspx.cs" Inherits="WebApplication21.home" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/jcarousel/0.2.8/jquery.jcarousel.min.js"></script>
    <link rel="Stylesheet" href="https://cdn.jsdelivr.net/jcarousel/0.2.8/skins/tango/skin.css" />
    <script type="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>
    <div class="header_slide">
			<div class="header_bottom_left">				
				<div class="categories">
				  <ul>
				  	<h3>Categories</h3>
				      <asp:Repeater ID="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:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click" Text="LogOut" Style="background-color:aliceblue"></asp:LinkButton>
                          </h3>
                      </li>
				  </ul>
				</div>					
	  	     </div>
					 <div class="header_bottom_right">					 
					 	 <div class="slider">					     
							 <div id="slider">
			                    <div id="mover">
			                    	<div id="slide-1" class="slide">			                    
									 <div class="slider-img">
									     <a href="preview.html"><img src="images/slide-1-image.png" alt="learn more" /></a>									    
									  </div>
						             	<div class="slider-text">
		                                 <h1>Clearance<br><span>SALE</span></h1>
		                                 <h2>UPTo 20% OFF</h2>
									   <div class="features_list">
									   	<h4>Get to Know More About Our Memorable Services Lorem Ipsum is simply dummy text</h4>							               
							            </div>
							             <a href="preview.html" class="button">Shop Now</a>
					                   </div>			               
									  <div class="clear"></div>				
				                  </div>	
						             	<div class="slide">
						             		<div class="slider-text">
		                                 <h1>Clearance<br><span>SALE</span></h1>
		                                 <h2>UPTo 40% OFF</h2>
									   <div class="features_list">
									   	<h4>Get to Know More About Our Memorable Services</h4>							               
							            </div>
							             <a href="preview.html" class="button">Shop Now</a>
					                   </div>		
						             	 <div class="slider-img">
									     <a href="preview.html"><img src="images/slide-3-image.jpg" alt="learn more" /></a>
									  </div>						             					                 
									  <div class="clear"></div>				
				                  </div>
				                  <div class="slide">						             	
					                  <div class="slider-img">
									     <a href="preview.html"><img src="images/slide-2-image.jpg" alt="learn more" /></a>
									  </div>
									  <div class="slider-text">
		                                 <h1>Clearance<br><span>SALE</span></h1>
		                                 <h2>UPTo 10% OFF</h2>
									   <div class="features_list">
									   	<h4>Get to Know More About Our Memorable Services Lorem Ipsum is simply dummy text</h4>							               
							            </div>
							             <a href="preview.html" class="button">Shop Now</a>
					                   </div>	
									  <div class="clear"></div>				
				                  </div>												
			                 </div>		
		                </div>
					 <div class="clear"></div>					       
		         </div>
		      </div>
		   <div class="clear"></div>
		</div>
   
 <div class="main">
    <div class="content">
    	<div class="content_top">
    		<div class="heading">
    		<h3>New Products</h3>
    		</div>
    		<div class="see">
    			<p><a href="">See all Products</a></p>
    		</div>
    		<div  class="clear"></div>
    	</div>
	      <div  class="section group">
              <ul id="mycarousel" class="jcarousel-skin-tango" }    >
				<asp:Repeater ID="Repeater2"  runat="server" >
            
            <ItemTemplate>
                 <li >
                   <div  style="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><span class="rupees"><asp:Label ID="Label2" runat="server"  Text='<%# Eval("pro_name")%>'></asp:Label></span></p></h2>
					<div class="price-details">
				       <div class="price-number">
							<p><span class="rupees">PKR<asp:Label ID="Label1" runat="server"  Text='<%# Eval("pro_price")%>'></asp:Label></span></p>
					    </div>
					       		<div class="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>
							 <div class="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>--%>
							 <div class="clear"></div>
					</div>				     
			
			</div>
			<div class="content_bottom">
    		<div class="heading">
    		<h3>Showcase Products</h3>
    		</div>
    		<div class="see">
    			<p><a href="#">See all Products</a></p>
    		</div>
    		<div class="clear"></div>
    	</div>
			<div class="section group">
				<asp:Repeater ID="Repeater3" runat="server">
            
            <ItemTemplate>
                
                   <div  style="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><span class="rupees"><asp:Label ID="Label2" runat="server"  Text='<%# Eval("pro_name")%>'></asp:Label></span></p></h2>
					<div class="price-details">
				       <div class="price-number">
							<p><span class="rupees">PKR<asp:Label ID="Label1" runat="server"  Text='<%# Eval("pro_price")%>'></asp:Label></span></p>
					    </div>
					       		<div class="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>
							 <div class="clear"></div>
					</div>
					 
				</div>
                  
            </ItemTemplate>
            
        </asp:Repeater>
				</div>
		

</asp:Content>

 

Reapeter sixe.jpg

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...