how to give color for link button

Question

5.00/5 (2 votes)

See more:

this is my first project in asp.net. I have done numeric paging using repeater

ASP

<asp:Repeater ID="Repeater1" runat="server">
                    <itemtemplate>
                        <asp:LinkButton ID="lnkPageno" OnClick="lnkPageno_Click" Text="<%#Container.DataItem %>"
                            runat="server">
                    </itemtemplate>

I tried to change the color of the clicked number (eg., 2 out of 1 to 10) dynamically. i applied CSS, still color of the current page not changed. Can anyone help me?

Posted 9-Feb-13 22:14pm

sukumari1

Updated 9-Feb-13 23:00pm

Jibesh

v2

Add a Solution

Comments

Dee_Bee 11-Feb-13 23:43pm

<asp:Repeater ID="Repeater1" runat="server">
<itemtemplate>
<asp:LinkButton ID="lnkPageno" ForeColor="Red" OnClick="lnkPageno_Click" Text="<%#Container.DataItem %>"
runat="server">

Check the Forecolor property, as I gave Red, u can give any color as u wish

4 solutions

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)

_Amy · Answer 1 · 2013-02-10T19:40:00

Solution 4

Since you are firing a server side event lnkPageno_Click, you can change the color of clicked button. Write the code snippet in lnkPageno_Click event.

C#

LinkButton lnk = (LinkButton)sender;
lnk.ForeColor = System.Drawing.Color.Red;

--Amit

Posted 10-Feb-13 19:40pm

_Amy

Comments

sukumari1 11-Feb-13 9:47am

Yes, it works. But when i click the other link button(3) the old one (2) also retain the same color. i want only one link button color to be changed at a time.

shiny13 · Answer 2 · 2013-02-10T19:34:00

Assuming this is the HTML and the link current goes nowhere, you have to change the href value to a valid URL:

HTML

<a href="#" id="mylink" style="color:blue;">My blue link</a>

Notice that I gave it an id, that's for the javascript to turn it to different color and identify this tag.

JavaScript

window.onload = function() {
  document.getElementById('mylink').onclick = function() {
    this.style.color = 'green';
  }
}

Sheikh Jubair · Answer 3 · 2013-02-10T05:41:00

Solution 2

ASP.NET

<asp:linkbutton id="lnkPageno" 
                onclientclick="return Color(this);" 
                text="<%#Container.DataItem %>">
</asp:linkbutton>

The javaScript now:

JavaScript

function Color(evt){
     evt.style.Color = "your_Color";
}

Posted 10-Feb-13 5:41am

Sheikh Jubair

Updated 10-Feb-13 5:43am

v2

Pallavi Waikar · Answer 4 · 2013-02-10T00:29:00

Solution 1

Check following link.
They have used javaScript to change linkbutton color on click.
Check answer no2.

Refer - ASP.NET Change link button color when clicked without post-back or update panel[^]

Posted 10-Feb-13 0:29am

Pallavi Waikar

Updated 10-Feb-13 1:41am

v2