Css & Asp:Button conflict

Question

I am working on a webpage and at some point I need to disable a asp:button.

This page uses a css file that has the following class:

.pagerLinkDisabled
{
    display: none;
}

So every time I set a button to disabled .net renders it with class="pagerLinkDisabled" and the button is not displayed...

At pageload I tried this:

myButton.Enabled=false;
myButton.Style.Add("display","static");

How can I work around this problem without changing the css file?

Thanks :)

Edit:

To clarify:

The button is being rendered but when enabled is set to false the framework is adding class="pagerLinkDisabled" to the input tag.
This class is defined at a css file that I cannot change.

Edit2:

My button is defined as such:

<asp:Button runat="server" ID="myButton" Text="mytext" Enabled="false" />

The html that is being rendered is:

<input type="submit" name="ctl00$ContentPlaceHolder$ctl00$myButton" value="mytext" id="ctl00_ContentPlaceHolder_ctl00_myButton" class="pagerLinkDisabled" />

What problem? You haven't explained the observed behavior vs the expected behavior very well. — Joel Coehoorn, May 12 '09 at 15:11
"static" is not a valid display value - http://www.w3.org/TR/CSS21/visuren.html#display-prop — Quentin, May 12 '09 at 16:01
As David mentioned, "static" is a valid value for the "position" property, and not the "display" property. See CSS2, Visual, 9.3.1 — Zack The Human, May 12 '09 at 16:55

score 2 · Answer 1 · answered May 12 '09 at 15:11

2

I am not sure but try at page load:

myButton.Visible = true;

answered May 12 '09 at 15:11

Nice try but no... when visible = false the button is not rendered, in this case it is being rendered but being keep "unvisible" with the display:none from the css – Sergio May 12 '09 at 16:03

score 1 · Answer 2 · answered May 12 '09 at 15:14

1

Why not just change the class name on the button?

answered May 12 '09 at 15:14

JonoW

14,029
3
33
31

Also tried that. If I define a cssclass for the button the input tag is rendered with the class attributes and assumes the first one.. – Sergio May 12 '09 at 16:04

score 1 · Answer 3 · edited May 12 '09 at 16:08

1

Have you tried something like this:

myButton.Attributes.Add("Style","display:block !important");

edited May 12 '09 at 16:08

Gavin Miller

43,168
21
122
188

answered May 12 '09 at 15:14

Doing that makes the button appear, but enabled... I have placed the line just bellow myButton.Enabled = false – Sergio May 12 '09 at 16:09

kevchadders · Accepted Answer · 2009-05-12T16:03:38.007

1

Can you not just edit the HTML Source so that the button does not use that class?

Or is it defines at a higher level within with HTML? e.g. At the BODY tag.

edited May 12 '09 at 16:03

answered May 12 '09 at 15:25

kevchadders

8,335
4
42
61

Jab · Answer 5 · 2009-05-12T17:06:55.440

1

Edit This works for me.

myButton.Style["display"] = "block !important";
myButton.Style["disabled"] = "disabled";

edited May 12 '09 at 17:06

answered May 12 '09 at 16:39

Jab

13,713
2
42
48

Check for the update, it works for me. I would prefer to just update the CSSClass attribute on the button if at all possible though. – Jab May 12 '09 at 17:07
Then something else is going on we can't see. Does your input element have the disabled='disabled' attribute? Something else must be conflicting, even the single lb.Style["display"] = "block !important"; works fine on a blank page with a single CSS class defined. Add what the markup is putting to the question and I might be able to help more. – Jab May 12 '09 at 17:36
I'm not sure what framework you are working with. ASP does not add that CSS Class by default, maybe something else is conflicting with it. – Jab May 13 '09 at 14:28

Css & Asp:Button conflict

5 Answers5