Remove css from div on server side C#

Question

i have a div tag which has inline css whose visibility is hidden

 <div id="SecondGrid" runat="server" style="width:80%; margin-left:10%; visibility:hidden;">
//content
</div>

i have a button in gridview, on click of which i want to remove the visibility css of the above div

  protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
    {
        if (e.CommandName == "ShowCarModels")
        {
            CarBrandID = Convert.ToInt32(e.CommandArgument.ToString());
            BindGridView2(CarBrandID);
            SecondGrid.Style.Remove("visibility");

        }
    }

the div still appear to be hidden. can you please help me out.

The Button calling postback?

Peyman
– Peyman

2015-04-01 05:49:24 +00:00
Commented Apr 1, 2015 at 5:49 — Peyman
– Peyman, Commented Apr 1, 2015 at 5:49
no button is not postback

Ritz Arlekar
– Ritz Arlekar

2015-04-01 06:05:08 +00:00
Commented Apr 1, 2015 at 6:05 — Ritz Arlekar
– Ritz Arlekar, Commented Apr 1, 2015 at 6:05
stackoverflow.com/questions/4333570/…

Tyler S. Loeper
– Tyler S. Loeper

2018-09-10 19:21:55 +00:00
Commented Sep 10, 2018 at 19:21 — Tyler S. Loeper
– Tyler S. Loeper, Commented Sep 10, 2018 at 19:21

Manish Parakhiya · Accepted Answer · 2015-04-01 06:04:47Z

0

You should use Visible property. As you use your html control at server side you can use Visible property for show or hide control.

SecondGrid.Visible = true;

For above solution you need to change you html markup to follwing

<div id="SecondGrid" runat="server" visible="false" style="width:80%; margin-left:10%;">
//content
</div>

but if you want to continue with your markup you can also remove style using HtmlTextWriterStyle

SecondGrid.Style.Remove(HtmlTextWriterStyle.Visibility);

edited Apr 1, 2015 at 6:04

answered Apr 1, 2015 at 5:52

Manish Parakhiya

3,8083 gold badges24 silver badges26 bronze badges

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

6 Comments

Ritz Arlekar Over a year ago

No its still not working. i think one cant alter css in 'GridView1_RowCommand' function. :(

Peyman Over a year ago

Did you debug the code, when click on button goes to that line to set Visible to true?

Ritz Arlekar Over a year ago

yea did the debug. it executes the line but css 'Visibility' does not alter

Ritz Arlekar Over a year ago

set the AutoPostBack="true" for the button within grid. still doesn't work

Peyman Over a year ago

As @Manish mentioned, should remove 'Visibility' from Html code and just adding Visible='false', then in your code only set the Visible=true. Don't need alter the Style

|

Ritz Arlekar · Accepted Answer · 2015-04-01 10:56:45Z

-1

dint found the reason as why none of the css style alteration were not working under 'GridView1_RowCommand' but found a work around for my solution. Just wanted to share.

have put the css in a class

  .SecondG 
        {
            visibility:hidden;
        }

assigned the class to div

  <div id="SecondGrid" runat="server" style="width:80%; margin-left:10%; padding:20px; border:1px solid #E6E6E6;" class="SecondG" >

created a javascript to remove the class from the div

  function ShowModel()
        {
               var d = document.getElementById("<%=SecondGrid.ClientID%>");
               d.className = "";

        }

called the above javascript function on button click in the grid.

 <asp:TemplateField ItemStyle-Width="5%" HeaderText="Models" HeaderStyle-CssClass="header-center">
                                        <ItemTemplate>
                                            <asp:Button ID="img_Save" runat="server" OnClientClick="ShowModel()" CommandArgument='<%# Eval("CarBrandID") %>' CommandName="ShowCarModels" Width="100%"  Text="Display Models"  />
                                        </ItemTemplate>
                                    </asp:TemplateField>

and its working. thanks a lot guys for the help..

answered Apr 1, 2015 at 10:56

Ritz Arlekar

3851 gold badge4 silver badges20 bronze badges

1 Comment

Tyler S. Loeper Over a year ago

The question is how to remove Css on the serve side. stackoverflow.com/questions/4333570/…

Collectives™ on Stack Overflow

Remove css from div on server side C#

2 Answers 2

6 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related