Add CSS class to a div in code behind

Question

I have a div and I am trying to add a CSS class to it in code but I receive the following error when I try  Property or indexer  System Web UI HtmlControls HtmlControl Style  cannot be assigned to -- it is read only   I am using the following code   protected void BTNEvent Click object sender  ImageClickEventArgs e        BtnventCss Style   hom but a                        Can anyone please help me

User · Answer

The Style property gets a collection of all the cascading style sheet (CSS) properties; you cannot set it.

Try BtnventCss.CssClass = "hom_but_a"; instead.

I'm assuming BtnventCss is a WebControl.

I have just seen you're probably using <div runat="server"...

If so, you can try:

BtnventCss.Attributes.Add("class", "hom_but_a");

You could make the div an asp:panel - they will render the same and you'll get better server-side support.

User · Answer

I m also looking for the same solution  And I think of   BtnventCss CssClass   BtnventCss CssClass     hom but a     It seems working fine but I m not sure if it is a good practice

User · Answer

For a non ASP NET control  i e  HTML controls like div  table  td  tr  etc  you need to first make them a server control  assign an ID  and then assign a property from server code   ASPX page   lt head gt       lt style type  text css  gt           top rounded                       height  75px              width  75px              border  2px solid              border-radius  5px              -moz-border-radius  5px     Firefox 3 6 and earlier                border-color   9c1c1f                 lt  style gt   lt  head gt   lt body gt       lt form id  form1  runat  server  gt       lt div runat  server  id  myDiv  gt This is my div lt  div gt       lt  form gt   lt  body gt    CS page  myDiv Attributes Add  class    top rounded

User · Answer

To ADD classes to html elements see how to add css class to html generic control div   There are answers similar to those given here but showing how to add classes to html elements

User · Answer

What if     lt asp Button ID  Button1  runat  server  CssClass  test1 test3 test-test    gt    To add or remove a class  instead of overwriting all classes with      BtnventCss CssClass    hom but a    keep the HTML correct       string classname    TestClass           Add a class     BtnventCss CssClass   String Join      Button1                 CssClass                 Split                      Except new string      classname                   Concat new string   classname                   ToArray                      Remove a class      BtnventCss CssClass   String Join      Button1                 CssClass                 Split                      Except new string      classname                   ToArray               This assures   The original classnames remain  There are no double classnames There are no disturbing extra spaces   Especially when client-side development is using several classnames on one element   In your example  use     string classname    TestClass           Add a class     Button1 Attributes Add  class   String Join      Button1                 Attributes  class                   Split                      Except new string      classname                   Concat new string   classname                   ToArray                       Remove a class      Button1 Attributes Add  class   String Join      Button1                 Attributes  class                   Split                      Except new string      classname                   ToArray                You should wrap this in a method property

User · Answer

lt div runat  server  gt  is mapped to a HtmlGenericControl  Try using BtnventCss Attributes Add  class    hom but a

User · Answer

Button1 CssClass      newClass     This will not erase your original classes for that control  Try this  it should work

User · Answer

Here are two extension methods you can use  They ensure any existing classes are preserved and do not duplicate classes being added   public static void RemoveCssClass this WebControl control  String css      control CssClass   String Join      control CssClass Split      Where x   gt  x    css  ToArray        public static void AddCssClass this WebControl control  String css      control RemoveCssClass css     css          control CssClass    control CssClass   css      Usage      hlCreateNew AddCssClass  disabled     Usage      hlCreateNew RemoveCssClass  disabled

[c#] Add CSS class to a div in code behind

Examples related to c#

Examples related to css