Page

ASP.NET - How to use image as Panel background

<%@ Page Language="C#" %>  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
<script runat="server">  
    protected void Button1_Click(object sender, System.EventArgs e)  
    {  
        Panel1.BackImageUrl= "~/Images/Dolphin.gif";  
    }  
</script>  
  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head id="Head1" runat="server">  
    <title>How to use image as Panel background</title>  
</head>  
<body>  
    <form id="form1" runat="server">  
    <div>  
        <h2 style="color:Navy; font-style:italic;">Panel Example: BackImageUrl</h2>  
        <asp:Panel   
             ID="Panel1"  
             runat="server"  
             Height="150"  
             Width="350"  
             ForeColor="DeepPink"  
             HorizontalAlign="Center"  
             Font-Size="Large"  
             Font-Names="Comic Sans MS"  
             BorderWidth="3"  
             BorderColor="SkyBlue"  
             BackColor="AliceBlue"  
             >  
             <br />  
             Panel BackImageUrl Property  
        </asp:Panel>  
        <br /><br />  
        <asp:Button   
             ID="Button1"   
             runat="server"  
             ForeColor="DeepPink"  
             Text="Set Panel Background Image"  
             Height="45"  
             OnClick="Button1_Click"  
             Font-Bold="true"  
             />  
    </div>  
    </form>  
</body>  
</html>  

No comments:

Post a Comment