How to change the CSS of relevant tag in ASPX page on the condition of variable in codebehind?

Question

0.00/5 (No votes)

See more:

Hi all,

HTML

<ul id="menu">
  <li id="inboxList" style="text-align:right"><a href="#">Inbox(<%=inboxCount%>)</a></li>
  <li id="outboxList" style="text-align:right"><a href="#">Outbox(<%=outboxCount%>)</a></li>
  <li id="closeList" style="text-align:right"><a href="#">Closed (<%=closeCount%>)</a></li></ul>

I have an unordered list in my aspx page.
Inbox (0)
Outbox (0)
Closed (0)

and in the code behind of C# i have initialized 3 variables.

C#

public int inboxCount = 0;
public int outboxCount = 0;
public int closeCount = 0;

somehow I am changing the values of these integers dynamically. Issue is that when the value of any integer is greater than '0' than the text should change its CSS to bold as I tried it in Classic Asp style but it didn't work.

HTML

<%if (inboxCount > 0)
      { %>
    <style>
  #inboxList
  {
  	font-weight:bold;
  	color:Black;
  }
  </style>
</head>
<br />
<%}  
%>

Similarly i will apply other 2 conditions like this. But dont know how it will work perfectly..

need to display the text as following:

Inbox (1)
Outbox (0)
Closed (0)

Please help..

Thanks,

AR :)

Posted 7-Jan-14 19:31pm

AR547

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ravikhoda · Answer 1 · 2014-01-07T19:42:00

Solution 1

you can try and use style attribute from the code behind in C#.
please check below code

C#

if(inboxcount >0)
{
inboxList.Style.Add("color","Black");
inboxList.Style.Add("Font-weight","Bold");
}

similar way you can apply any style to other Li based on your condition.

Posted 7-Jan-14 19:42pm

ravikhoda

Comments

AR547 8-Jan-14 1:55am

Brother I cannot use runnat server in my aspx page and similarly cannot call the name of div in code behind.
But same like your answer... can we implement that condition in Javascript? I mean if I can get the value of inboxcount in Var in JS and then apply css to that ID..
Do you know how to do it in JS or any other solution in ASP?