Remove a CSS class from HTML element in the code behind file

Question

I have the following on my interface / webform:

<div id="mydiv" class="forceHeight" runat="server" />

Now I have a condition in my code behind where if a certain situation is true I need to remove the forceHeight class from this control. I know in C# you can use:

mydiv.CssClass.Replace("forceHeight", ""); 

I'm not so sure how you do this using VB? Intellisense doesn't offer me this option?

Any ideas anyone?

Answer 1

How to remove ONE CSS class from a control using .NET

If a control has several classes you can remove one of those classes by editing the class string. Both of these methods require assigning an ID to the HTML element so that you can target it in the code behind.

<asp:Panel ID="mydiv" CssClass="forceHeight class2 class3" runat="server" />

VB.NET

mydiv.CssClass = mydiv.CssClass.Replace("forceHeight", "").Trim()

C#

mydiv.CssClass = mydiv.CssClass.Replace("forceHeight", "").Trim();

---

OR using html generic control

<div id="mydiv" class="forceHeight class2 class3" runat="server" />

VB.NET

mydiv.Attributes("class") = mydiv.Attributes("class").Replace("forceHeight", "").Trim()

C#

mydiv.Attributes["class"] = mydiv.Attributes["class"].Replace("forceHeight", "").Trim();

---

Optional Trim to remove trailing white space.

---

How to remove ALL CSS classes from a control using .NET

VB.NET

mydiv.Attributes.Remove("class")

C#

mydiv.Attributes.Remove("class");

Answer 2

This will remove all CSS classes from the div with ID="mydiv"

Me.mydiv.Attributes("class") = ""