Change CSS class of an element on runtime

Question

Inside a repeater's ItemTemplate there is a:

<tr class="class1">

</tr>

I want this class to be changed to "class2" according to a valu that is bounded to this repeater, Eval("Locked").

If locked==true class="class1" else class="class2", how can I do it in simple way?
(in code behind it's to complex)

tanathos · Accepted Answer · 2009-10-19 09:07:08Z

7

Really simple, just put a serverside tag:

<asp:Repeater ID="yourRepeater" runat="server">
    <ItemTemplate>
        ....
        <tr class='<%# Convert.ToBoolean(Eval("Locked")) ? "class1" : "class2" %>'>
            ....
        </tr>
        ....
    </ItemTemplate>
</asp:Repeater>

UPDATE: Thanks Kobi, i've missed Convert.ToBoolean() :)

edited Oct 19, 2009 at 9:07

answered Oct 19, 2009 at 9:01

tanathos

5,6164 gold badges36 silver badges49 bronze badges

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

1 Comment

Kobi Over a year ago

Does that compile? Shouldn't that be "true".Equals(...)? IIRC, eval returns an object.

Collectives™ on Stack Overflow

Change CSS class of an element on runtime

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related