How do change CSS Class from Code Behind?

Question

i have a CSS Style in my .css class in which a color is set to Blue for hundret of Buttons.

My customer now wants a option for green buttons, saved by a database field, so I ask the field:

                 if (!String.IsNullOrEmpty(user.SetColorButtons) && user.SetColorButtons == "Grün")
            {
                 //Change Style
            }

Now how to change the css-file here?

Its very hard to not change the file becuase I have arount 300 buttons in this site in around 40 pages, would be the hell to change it in the code in every freaking code behind...

Not enough info! Do all buttons have the same class? Do you have button or input elements? Are you looking for a Javascript solution which works 'on-the-fly'? — Netsurfer
– Netsurfer, Commented Sep 17, 2013 at 14:55

Shyju · Accepted Answer · 2013-09-17 14:53:03Z

2

Keep two versions of the css file like yourproduct-blue.css and yourproduct-green.css and when the page loads, check the db to determine which css file to be used. Then it is all about writing an if condition to load the corresponding css file.

answered Sep 17, 2013 at 14:53

Shyju

220k106 gold badges420 silver badges499 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mister Epic · Accepted Answer · 2013-09-17 14:57:21Z

1

Use the Literal object in your <head> tag:

<asp:Literal runat="server" id="Csslink"></asp:Literal>

Then in your code behind you can do something like:

if (!String.IsNullOrEmpty(user.SetColorButtons) && user.SetColorButtons == "Grün"){
    CssLink.Text = "<link rel=\"stylesheet\" type=\"text/css\" href=\"theme1.css\">";
}
else{
    CssLink.Text = "<link rel=\"stylesheet\" type=\"text/css\" href=\"theme2.css\">";
}

answered Sep 17, 2013 at 14:57

Mister Epic

16.8k13 gold badges88 silver badges156 bronze badges

Comments

Steve Wellens · Accepted Answer · 2013-09-17 14:58:34Z

0

Here is one way:

protected void ButtonServer_Click1(object sender, EventArgs e)
{
    MyButton.Style[HtmlTextWriterStyle.BackgroundColor] = "red";
}

answered Sep 17, 2013 at 14:58

Steve Wellens

20.6k2 gold badges31 silver badges70 bronze badges

Collectives™ on Stack Overflow

How do change CSS Class from Code Behind?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related