Question

I have some link buttons in which I am dynamically adding a style to it. I am doing the following in a method:

LinkButton lb = new LinkButton(); lb.Style['font-weight'] = 'bold'; 

When the another link is clicked, it should unbold the link button that is bold and bold the currently clicked one, so in the method that is doing this, I have tried:

lb.Style['font-weight'] = 'none'; 

The above does not work though, the previously selected link stays bold.

I just realized the possible problem. I am creating multiple links and what it looks like is that since all the links are named lb, it never removes the bold. I am trying to think of a way for it to remember the previously selected link and to only unbold that one.

Answer 1

Can I suggest an alternative approach?

Set a CSS Style:

.selected { font-style: bold; } 

When a link is clicked set that link’s CSS class to ‘selected’ and the others to ”;

EDIT: To accommodate for existing Css Class

const string MY_CLASS = 'links'; lb1.CssClass = MY_CLASS + ' selected'; // selected lb.CssClass = MY_CLASS; // not selected 

You can quickly get into trouble when defining inline styles, in that they’re difficult to overwrite.

EDIT 2:

Something like this code should work. You may have to loop through all the LinkButtons in the list, but I don’t think so. I’d just turn off ViewState on the LinkButtons.

// container for links. so you can reference them  // outside of the creation method if you wish. I'd probably call this method in the   // Page_Init Event.  List<LinkButton> listOfLinks = new List<LinkButton>(); const string MY_LB_CLASS = 'linkButton'; // generic lb class   private void createSomeLinks() {      for (int i = 0; i < 10; i++) {         // create 10 links.         LinkButton lb = new LinkButton()          {              ID = 'lb' + i,              CssClass = MY_LB_CLASS          };         lb.Click += new EventHandler(lb_Click); // Add the click event     }      // You can bind the List of LinkButtons here, or do something with them. }  void lb_Click(Object sender, EventArgs e) {      LinkButton lb = sender as LinkButton; // cast the sender as LinkButton     if (lb != null) {         // Make the link you clicked selected.         lb.CssClass = MY_LB_CLASS + ' selected';      } }