Friday 6 February 2015

How to Create TestiMonials Display Repeater Control With Database Using JavaScript in Asp.Net C#.

Create TestiMonials Using JavaScript


Create Testimonials Using JavaScript and Display the Reprater Control Directly Call the SqlDataSource in Asp.Net C#.

                           DEMO




                         Download Coding

                            Download


               HTML CODING




<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link href="StyleSheet.css" rel="stylesheet" />

<style type="text/css">
.testimonial
{
margin0;
background#F88FBA;
padding10px 50px;
positionrelative;
font-familyGeorgiaserif;
color#666;
border-radius5px;
font-styleitalic;
text-shadow0 1px 0 #BBDCFD;
background-imagelinear-gradient(#FFFFFF, #FFFFFF);
}
.testimonial:before.testimonial:after
{
content"\201C";
positionabsolute;
font-size80px;
line-height1;
color#FFFFFF;
font-stylenormal;
}
.testimonial:before
{
top0;
left10px;
}
.testimonial:after
{
content"\201D";
right10px;
bottom-0.5em;
}

.arrow-down
{
width0;
height0;
border-left15px solid transparent;
border-right15px solid transparent;
border-top15px solid #F648C3;
margin0 0 0 25px;
}
.testimonial-author
{
margin0 0 0 25px;
font-familyArialHelveticasans-serif;
color#999;
text-align:left;
}
.testimonial-author span
{
font-size12px;
color#666;
}
</style>
</head>
<body>
    <form id="form1" runat="server">
   <div style="width:50%">
        <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1" OnItemCommand="Repeater1_ItemCommand">

        <ItemTemplate>
    <blockquote class="testimonial">

        
<%#Eval("message")%>
        

        </blockquote>
<div class="arrow-down"></div>
<p class="testimonial-author"><%#Eval("author")%> | <span>   <%#Eval("address")%></span></p>
        </ItemTemplate>


        </asp:Repeater>
        <asp:SqlDataSource ID="SqlDataSource1" 
runat="server" ConnectionString="<%$ ConnectionStrings:dbcon %>" SelectCommand="SELECT * FROM [test]"></asp:SqlDataSource>

    </div>
    </form>
</body>
</html>







































0 comments:

Post a Comment