Div style changing using asp.net C# code

Question

<div runat="server" class="labels" style="display:none; height: 100%; font-family: 'Segoe UI';">
     <asp:Label ID="Label4" runat="server" Text="Description:" Font-Bold="True"></asp:Label>&nbsp;
     <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
     <br />
     <asp:Label ID="Label5" runat="server" Text="Impact:" Font-Bold="True"></asp:Label>&nbsp;
     <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
     <br />
     <asp:Label ID="Label6" runat="server" Text="Recommendation:" Font-Bold="True"></asp:Label>&nbsp;
     <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
     <br /><br />
</div>

I want to change style to display:true as it is know on display: none and i want to done it using c# code. how to call class name and change its style/attributes...

Mairaj Ahmad · Accepted Answer · 2014-12-26 04:11:08Z

2

First give an id to your div like this

<div runat="server" id="div1"></div>

And then in your C# code write this to add style to div.

string style = div1.Style[HtmlTextWriterStyle.Display];

if(style.ToLower()=="none")
   div1.Style.Add(HtmlTextWriterStyle.Display, "block");

And here is how you can remove style.

div1.Style.Remove(HtmlTextWriterStyle.Display);

edited Dec 26, 2014 at 4:11

answered Dec 25, 2014 at 11:51

Mairaj Ahmad

14.6k2 gold badges29 silver badges43 bronze badges

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

2 Comments

demo Over a year ago

But also need to add check if div1 has display : none. If yes then add this code div1.Style.Add(HtmlTextWriterStyle.Display, "block");

Mirza Akif Israr Over a year ago

i want to remove display:none from style

TuanDPH · Accepted Answer · 2014-12-26 04:15:43Z

<% var display = "block"; 
   if(isHidden){
       display = "none";
   }
%>

<div runat="server" class="labels" style="display:<%=display%>; height: 100%; font-family: 'Segoe UI';">
     <asp:Label ID="Label4" runat="server" Text="Description:" Font-Bold="True"></asp:Label>&nbsp;
     <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
     <br />
     <asp:Label ID="Label5" runat="server" Text="Impact:" Font-Bold="True"></asp:Label>&nbsp;
     <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
     <br />
     <asp:Label ID="Label6" runat="server" Text="Recommendation:" Font-Bold="True"></asp:Label>&nbsp;
     <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
     <br /><br />
</div>

Collectives™ on Stack Overflow

Div style changing using asp.net C# code

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related