asp.net - How to show and hide a Button programmatically

Hide and visible Button programmatically

asp.net button control display a push button in web page. button lets users to post a web page to the server. button triggers a click event in server code that we can handle to respond to the postback. by default a button is a submit button.

this example show you how can we visible or hide button control programmatically. to hide or show a button control on web page we need to set button Visible property value true or false. button that have visible property value false, is hidden in web page. run this code on your favorite asp.net IDE and test the button visibility.

ButtonVisible.aspx


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

<!DOCTYPE html>

<script runat="server">
    protected void Button2_Click(object sender, System.EventArgs e)
    {
         Button1.Visible = false;
    }
    protected void Button3_Click(object sender, System.EventArgs e)
    {
        Button1.Visible = true;
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>How to show, hide, visible Button programmatically</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Navy">Button Example: Show Hide</h2>
        <asp:Button 
             ID="Button1" 
             runat="server" 
             Text="Test Button Visible"
             ForeColor="HotPink"
             Font-Bold="true"
             Height="50"
             />
        <br /><br />
        <asp:Button 
             ID="Button2" 
             runat="server" 
             Text="Hide Button"
             OnClick="Button2_Click"
             />
        <asp:Button 
             ID="Button3" 
             runat="server" 
             Text="Show Button"
             OnClick="Button3_Click"
             />
    </div>
    </form>
</body>
</html>

More asp.net examples