asp.net - How to change HyperLink image url

Change HyperLink image URL programmatically
The HyperLink is a control that displays a link to another Web page. The asp.net developers use the HyperLink control to create a link to another Web page. The HyperLink web server control is typically displayed as text specified by the Text property. But the asp.net c# developers can also display an image on it specified by the ImageUrl property.

The following asp.net c# tutorial code demonstrates how we can change the HyperLink control’s image URL programmatically. In the below example code, we change the HyperLink control’s image URL programmatically using its ImageUrl property.

The HyperLink ImageUrl property gets or sets the path to an image to display for the HyperLink control. The ImageUrl property value is a String that represents the path to the image to display for the HyperLink control. The default value of this ImageUrl property is an empty string ("").

When asp.net developers set both the Text and ImageUrl properties, the ImageUrl property takes precedence. If the image is unavailable, the text in the Text property is displayed on the HyperLink control.

So finally, using the HyperLink control’s ImageUrl property the asp.net c# developers can change the HyperLink’s image URL programmatically.
HyperLinkImageUrl.aspx

<%@ Page Language="C#" %>

<!DOCTYPE html>

<script runat="server">
    protected void Button1_Click(object sender, System.EventArgs e)
    {
        HyperLink1.ImageUrl = "~/Images/CheckBox1.gif";
    }
    protected void Button2_Click(object sender, System.EventArgs e)
    {
        HyperLink1.ImageUrl = "~/Images/CheckBox2.gif";
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>How to set, change HyperLink image url (ImageUrl)</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Green">HyperLink Example: ImageUrl</h2>
        <asp:HyperLink 
             ID="HyperLink1"
             runat="server"
             ImageUrl="~/Images/CheckBox.gif"
             NavigateUrl="~/CheckBox/CheckBoxSkinID.aspx"
             BorderWidth="2"
             BorderColor="LightBlue"
             >
        </asp:HyperLink>
        <br /><br />
        <asp:Button 
             ID="Button1" 
             runat="server"
             ForeColor="SaddleBrown"
             Text="HyperLink Change ImageUrl"
             Height="45"
             OnClick="Button1_Click"
             Font-Bold="true"
             />
        <asp:Button 
             ID="Button2" 
             runat="server"
             ForeColor="SaddleBrown"
             Text="HyperLink Another ImageUrl"
             Height="45"
             OnClick="Button2_Click"
             Font-Bold="true"
             />
    </div>
    </form>
</body>
</html>








More asp.net example