Why in Asp.net , C# is not able to set control hidden.

Question

2.50/5 (2 votes)

See more:

Hi I ma trying to set the control hidden through C# as the javascript and Html does, see below example

Javascript (

controlId.style.display = 'block'

or HIde);

Html

HTML

"style display:none"

so same thing i tried with C# code but did not get succeed, through below code I am loosing my control at run time.

html1.Attributes.Add("style", "display:none");

ButtonAssociateRules.Style["visibility"] = "hidden";

this code completely removes my control form the running page, That I don't want because my javascipt is using that control after some time, and I am getting null, because C# removed that control, I have seen the source code at run time.

Please help.

Posted 11-Jun-14 20:37pm

Ranjeet Patel

Add a Solution

Comments

Sergey Alexandrovich Kryukov 12-Jun-14 3:13am

No, this code won't remove your control. Look properly at the page source you obtained after the request. Your problem is not the code, but inability to see its result, and only then the code.
—SA

4 solutions

Solution 3

If i understood you correctly, You are trying to hide control at Server code and then at some point of time you are suppose to access it client side. If so, try this one:

your_control.Style.Add("display", "none");

Remember,this will render control at your page(Not remove), so it will be available at client side also.E.g. if its div element,you can modify its html even its not visible to you

C#

$(document).ready(function () {
        //////////////////
             $("#your_control_id").html("......");//at this time control is hidden still you can access it
             $("#your_control_id").show();
             return false;        
     });

Though this is JQuery, i just showed you how to access it client side.

Posted 11-Jun-14 20:59pm

Thanks7872

Solution 4

use css class like below

CSS

.hidden {
   display: none;
}

then you can set it as

C#

html1.CssClass = "hidden";

Posted 11-Jun-14 21:10pm

DamithSL

Solution 2

hiding a control in C# and ASP.Net is easy.
simply add the attribute runat="server" and id="id" to the control for example,

ASP.NET

<div  runat="server" id="samplediv" style="height : 100px; width : 100px; background :red;"></div>

now in code behind it is simple to hide the control on either page load or button click or on whatever the event you like to use hide the control.
hide control on button click

C#

protected void btnHide_OnClick(Object sender, EventArgs e)
{
samplediv.visible = false;
}

hide control on page load

C#

void Page_Load(Object sender, EventArgs e)
{
samplediv.visible = true;
}

Posted 11-Jun-14 20:53pm

vJay Yadav

Updated 24-Jun-14 22:27pm

v2

Comments

Thanks7872 12-Jun-14 3:01am

If you set visible="false", control will not be accessible at client side.

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

norbitrial · Accepted Answer · 2014-06-11T20:51:00

Solution 1

You can find many articles around this topic. For instance this link is completly helpful to you:
Hide and show control in ASP.Net[^]

Posted 11-Jun-14 20:51pm

norbitrial

v2