How to add "active" css class to linkbutton code behind

Question

I have several linkbuttons in my master page. I need to add css class "Active" after I click each linkbutton and postback URLs.

<asp:LinkButton ID="Linkbutton1" runat="server" PostBackUrl="/News.aspx?lang=1"
         Text="News" OnClick="Linkbutton1_Click">
</asp:LinkButton>

Linkbutton 1

Linkbutton 2 - class "active"

Linkbutton 3

I tried to add class using linkbutton onclick event, but after postback css class has been removed.

Artem Koshelev · Accepted Answer · 2013-03-29 08:35:36Z

2

Put this to the Linkbutton1_Click method:

Linkbutton1.CssClass = "active";

Article on MSDN.

answered Mar 29, 2013 at 8:35

Artem Koshelev

10.6k4 gold badges39 silver badges69 bronze badges

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

4 Comments

Mandragorasprout Over a year ago

I already said than i tried to use onclick event but after postbacking url, css class had been removed.

Artem Koshelev Over a year ago

So, is News.aspx the different page?

Mandragorasprout Over a year ago

yes it is. I am using masterpage, to load other content pages, news aspx is content page

Artem Koshelev Over a year ago

I suppose, which button is active actually depends on ?lang=1 URL parameter value?

mehdi · Accepted Answer · 2013-03-29 09:06:35Z

1

if you want write in code behind you can work with cookies:

in Linkbutton1_Click method:

Response.Cookies["Linkbutton1-cssClass"].Value = "active";

in Page_Load method:

if(Request.Cookies["Linkbutton1-cssClass"] != null)
   Linkbutton1.CssClass = Server.HtmlEncode(Request.Cookies["Linkbutton1-cssClass"].Value);

finaly you can use foreach for all LinkButtons

answered Mar 29, 2013 at 9:06

mehdi

1,7552 gold badges15 silver badges21 bronze badges

Comments

navya · Accepted Answer · 2013-03-29 11:21:53Z

0

onclick of linkbutton call javascript function changestyle(SenderID)

<script type="javascript">
var strPreviousCahnge=""
function changestyle(SenderID)
{
   var LinkButtonActive=document.getelementbyid(senderID);
LinkButtonActive.className="subTabActive";

            if (strPreviousCahnge!= "" && strPreviousCahnge!= id)
            {
                var identity=document.getElementById(strPreviousCahnge);
                identity.className="subTabInactive";
            }
strPreviousCahnge=SenderID
}
</script>

answered Mar 29, 2013 at 11:21

navya

1441 gold badge1 silver badge10 bronze badges

Collectives™ on Stack Overflow

How to add "active" css class to linkbutton code behind

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related