How to edit CSS style of a div using C in NET

Question

I m trying to grab a div s ID in the code behind  C   and set some css on it   Can I grab it from the DOM or do I have to use some kind of control    lt div id  formSpinner  gt       lt img src  images spinner gif    gt       lt p gt Saving    lt  p gt   lt  div gt

User · Answer

This question makes me nervous   It indicates that maybe you don t understand how using server-side code will impact you re page s DOM state     Whenever you run server-side code the entire page is rebuilt from scratch   This has several implications    A form is submitted from the client to the web server   This is about the slowest action that a web browser can take  especially in ASP Net where the form might be padded with extra fields  ie  ViewState    Doing it too often for trivial activities will make your app appear to be sluggish  even if everything else is nice and snappy  It adds load to your server  in terms of bandwidth  up and down stream  and CPU memory   Everything involved in rebuilding your page will have to happen again   If there are dynamic controls on the page  don t forget to create them  Anything you ve done to the DOM since the last request is lost  unless you remember to do it again for this request   Your page s DOM is reset    If you can get away with it  you might want to push this down to javascript and avoid the postback   Perhaps use an XmlHttpRequest   call to trigger any server-side action you need

User · Answer

How do you do this without runat  server    For example  if you have a    lt body runat  server  id  body1  gt       and try to update it from within an Updatepanel it will never get updated     However  if you keep it as an ordinary non-server HTML control you can   Here s the Jquery to update it       body1   addClass  modalBackground      How do you do this in codebehind though

User · Answer

Make sure that your div is set to runat  server   then simply reference it in the code-behind and set the  class  attribute    lt div runat  server  id  formSpinner  gt        content     lt  div gt    Code-behind  formSpinner Attributes  class      class-name

User · Answer

To expand on Peri s post  amp  why we may not want to use viewstate the following code   style   lt     myCSS     Protected  myCSS As String    display  none  Is the approach to look at if you re using AJAX  it allows for manipulating the display via asp net back end code rather than jquery jscript

User · Answer

Add the runat  server  attribute to the tag  then you can reference it from the codebehind

User · Answer

Make sure that your div is set to runat  server   then simply reference it in the code-behind and set the  class  attribute    lt div runat  server  id  formSpinner  gt        content     lt  div gt    Code-behind  formSpinner Attributes  class      class-name

User · Answer

Add the runat  server  attribute to it so you have    lt div id  formSpinner  runat  server  gt       lt img src  images spinner gif  gt       lt p gt Saving    lt  p gt   lt  div gt    That way you can access the class attribute by using   formSpinner Attributes  class      classOfYourChoice     It s also worth mentioning that the asp Panel control is virtually synonymous  at least as far as rendered markup is concerned  with div  so you could also do    lt asp Panel id  formSpinner  runat  server  gt       lt img src  images spinner gif  gt       lt p gt Saving    lt  p gt   lt  asp Panel gt    Which then enables you to write   formSpinner CssClass    classOfYourChoice     This gives you more defined access to the property and there are others that may  or may not  be of use to you

User · Answer

To expand on Peri s post  amp  why we may not want to use viewstate the following code   style   lt     myCSS     Protected  myCSS As String    display  none  Is the approach to look at if you re using AJAX  it allows for manipulating the display via asp net back end code rather than jquery jscript

User · Answer

Add runat to the element in the markup   lt div id  formSpinner  runat  server  gt       lt img src  images spinner gif  gt       lt p gt Saving    lt  p gt   lt  div   Then you can get to the control s class attributes by using  formSpinner Attributes  class   It will only be a string  but you should be able to edit it

User · Answer

If all you want to do is conditionally show or hide a  lt div   then you could declare it as an  lt asp panel    renders to html as a div tag  and set it s  Visible property

User · Answer

If all you want to do is conditionally show or hide a  lt div   then you could declare it as an  lt asp panel    renders to html as a div tag  and set it s  Visible property

User · Answer

If you do not want to make your control runat server in case you need the ID or simply don t want to add it to the viewstate    lt div id  formSpinner  class   lt     css   gt   gt   lt  div gt    in the back-end   protected string  css    modalBackground

User · Answer

Make sure that your div is set to runat  server   then simply reference it in the code-behind and set the  class  attribute    lt div runat  server  id  formSpinner  gt        content     lt  div gt    Code-behind  formSpinner Attributes  class      class-name

User · Answer

This question makes me nervous   It indicates that maybe you don t understand how using server-side code will impact you re page s DOM state     Whenever you run server-side code the entire page is rebuilt from scratch   This has several implications    A form is submitted from the client to the web server   This is about the slowest action that a web browser can take  especially in ASP Net where the form might be padded with extra fields  ie  ViewState    Doing it too often for trivial activities will make your app appear to be sluggish  even if everything else is nice and snappy  It adds load to your server  in terms of bandwidth  up and down stream  and CPU memory   Everything involved in rebuilding your page will have to happen again   If there are dynamic controls on the page  don t forget to create them  Anything you ve done to the DOM since the last request is lost  unless you remember to do it again for this request   Your page s DOM is reset    If you can get away with it  you might want to push this down to javascript and avoid the postback   Perhaps use an XmlHttpRequest   call to trigger any server-side action you need

User · Answer

Add the runat  server  attribute to it so you have    lt div id  formSpinner  runat  server  gt       lt img src  images spinner gif  gt       lt p gt Saving    lt  p gt   lt  div gt    That way you can access the class attribute by using   formSpinner Attributes  class      classOfYourChoice     It s also worth mentioning that the asp Panel control is virtually synonymous  at least as far as rendered markup is concerned  with div  so you could also do    lt asp Panel id  formSpinner  runat  server  gt       lt img src  images spinner gif  gt       lt p gt Saving    lt  p gt   lt  asp Panel gt    Which then enables you to write   formSpinner CssClass    classOfYourChoice     This gives you more defined access to the property and there are others that may  or may not  be of use to you

User · Answer

Add the runat  server  attribute to the tag  then you can reference it from the codebehind

User · Answer

Add runat to the element in the markup   lt div id  formSpinner  runat  server  gt       lt img src  images spinner gif  gt       lt p gt Saving    lt  p gt   lt  div   Then you can get to the control s class attributes by using  formSpinner Attributes  class   It will only be a string  but you should be able to edit it

User · Answer

This question makes me nervous   It indicates that maybe you don t understand how using server-side code will impact you re page s DOM state     Whenever you run server-side code the entire page is rebuilt from scratch   This has several implications    A form is submitted from the client to the web server   This is about the slowest action that a web browser can take  especially in ASP Net where the form might be padded with extra fields  ie  ViewState    Doing it too often for trivial activities will make your app appear to be sluggish  even if everything else is nice and snappy  It adds load to your server  in terms of bandwidth  up and down stream  and CPU memory   Everything involved in rebuilding your page will have to happen again   If there are dynamic controls on the page  don t forget to create them  Anything you ve done to the DOM since the last request is lost  unless you remember to do it again for this request   Your page s DOM is reset    If you can get away with it  you might want to push this down to javascript and avoid the postback   Perhaps use an XmlHttpRequest   call to trigger any server-side action you need

User · Answer

Add the runat  server  attribute to the tag  then you can reference it from the codebehind

User · Answer

Add runat to the element in the markup   lt div id  formSpinner  runat  server  gt       lt img src  images spinner gif  gt       lt p gt Saving    lt  p gt   lt  div   Then you can get to the control s class attributes by using  formSpinner Attributes  class   It will only be a string  but you should be able to edit it

User · Answer

Add the runat  server  attribute to it so you have    lt div id  formSpinner  runat  server  gt       lt img src  images spinner gif  gt       lt p gt Saving    lt  p gt   lt  div gt    That way you can access the class attribute by using   formSpinner Attributes  class      classOfYourChoice     It s also worth mentioning that the asp Panel control is virtually synonymous  at least as far as rendered markup is concerned  with div  so you could also do    lt asp Panel id  formSpinner  runat  server  gt       lt img src  images spinner gif  gt       lt p gt Saving    lt  p gt   lt  asp Panel gt    Which then enables you to write   formSpinner CssClass    classOfYourChoice     This gives you more defined access to the property and there are others that may  or may not  be of use to you

User · Answer

If all you want to do is conditionally show or hide a  lt div   then you could declare it as an  lt asp panel    renders to html as a div tag  and set it s  Visible property

User · Answer

Add the runat  server  attribute to the tag  then you can reference it from the codebehind

User · Answer

How do you do this without runat  server    For example  if you have a    lt body runat  server  id  body1  gt       and try to update it from within an Updatepanel it will never get updated     However  if you keep it as an ordinary non-server HTML control you can   Here s the Jquery to update it       body1   addClass  modalBackground      How do you do this in codebehind though

User · Answer

Add the runat  server  attribute to it so you have    lt div id  formSpinner  runat  server  gt       lt img src  images spinner gif  gt       lt p gt Saving    lt  p gt   lt  div gt    That way you can access the class attribute by using   formSpinner Attributes  class      classOfYourChoice     It s also worth mentioning that the asp Panel control is virtually synonymous  at least as far as rendered markup is concerned  with div  so you could also do    lt asp Panel id  formSpinner  runat  server  gt       lt img src  images spinner gif  gt       lt p gt Saving    lt  p gt   lt  asp Panel gt    Which then enables you to write   formSpinner CssClass    classOfYourChoice     This gives you more defined access to the property and there are others that may  or may not  be of use to you

User · Answer

If you do not want to make your control runat server in case you need the ID or simply don t want to add it to the viewstate    lt div id  formSpinner  class   lt     css   gt   gt   lt  div gt    in the back-end   protected string  css    modalBackground

User · Answer

Make sure that your div is set to runat  server   then simply reference it in the code-behind and set the  class  attribute    lt div runat  server  id  formSpinner  gt        content     lt  div gt    Code-behind  formSpinner Attributes  class      class-name

User · Answer

If all you want to do is conditionally show or hide a  lt div   then you could declare it as an  lt asp panel    renders to html as a div tag  and set it s  Visible property

User · Answer

Add runat to the element in the markup   lt div id  formSpinner  runat  server  gt       lt img src  images spinner gif  gt       lt p gt Saving    lt  p gt   lt  div   Then you can get to the control s class attributes by using  formSpinner Attributes  class   It will only be a string  but you should be able to edit it

User · Answer

This question makes me nervous   It indicates that maybe you don t understand how using server-side code will impact you re page s DOM state     Whenever you run server-side code the entire page is rebuilt from scratch   This has several implications    A form is submitted from the client to the web server   This is about the slowest action that a web browser can take  especially in ASP Net where the form might be padded with extra fields  ie  ViewState    Doing it too often for trivial activities will make your app appear to be sluggish  even if everything else is nice and snappy  It adds load to your server  in terms of bandwidth  up and down stream  and CPU memory   Everything involved in rebuilding your page will have to happen again   If there are dynamic controls on the page  don t forget to create them  Anything you ve done to the DOM since the last request is lost  unless you remember to do it again for this request   Your page s DOM is reset    If you can get away with it  you might want to push this down to javascript and avoid the postback   Perhaps use an XmlHttpRequest   call to trigger any server-side action you need

[c#] How to edit CSS style of a div using C# in .NET

Examples related to c#

Examples related to .net

Examples related to css