Monday 5 March 2012

on mouseover changing the background color of the row in datalist


<style type="text/css">
   
    #divname {
background-color:white;
}
#divname:hover {
background-color:#dddddd;
}
</style>

--------------------------------------------------------------------------------------


<asp:DataList ID="DataList1" runat="server" Width="627px" >
    <ItemTemplate>
    <div id="divname">    /// use css style here
    <div id="div1" style="padding-left:5px;">
    <asp:Label ID="label1" runat="server"  Text='<%# DataBinder.Eval(Container.DataItem, "SE_collegename")%>' Font-Bold="true" ForeColor="#0099CC" Font-Size="Small" Font-Underline="true"></asp:Label>
    </div>
    <br />
    <div id="div2" style="padding-left:5px;">
    <asp:Label ID="label2" runat="server"  Text='<%# DataBinder.Eval(Container.DataItem, "SE_Loaction")%>' ></asp:Label>
    </div>
        <br />
   
    <div style="padding-left:5px;">
    <asp:Label ID="label3" runat="server"  Text='<%# DataBinder.Eval(Container.DataItem, "SE_category")%>' ></asp:Label>
   
    </div>
    <div id="div3" align="right" style="padding-right:5px;">
        <asp:LinkButton ID="LinkButton1" CommandName="view" runat="server">View more</asp:LinkButton>
    </div>
    </div>
    <hr  width="100%" color="#EEE6E6"/>
    <br />
    </ItemTemplate>
 
    </asp:DataList>




...................................................................

Thats it...............

No comments:

Post a Comment