I am using a repeater control to populate data from SqlDataSource into my custom designed display-box.
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1" OnDataBinding="Repeater_ItemDataBound">
<HeaderTemplate>
</HeaderTemplate>
<ItemTemplate>
<div class="bubble-content">
<div style="float: left;">
<h2 class="bubble-content-title"><%# Eval("CommentTitle") %></h2>
</div>
<div style="text-align: right;">
<asp:Label ID="lbl_category" runat="server" Text=""><%# Eval("CommentType") %>
</asp:Label>
</div>
<div style="float: left;">
<p><%# Eval("CommentContent") %></p>
</div>
</div>
</ItemTemplate>
<FooterTemplate>
</FooterTemplate>
</asp:Repeater>
<asp:SqlDataSource ID="mySqlDataSource" runat="server"
ConnectionString="<%$ ConnectionStrings:myConnectionString %>"
SelectCommand="SELECT [CommentTitle],[CommentType],[CommentContent] FROM [Comments] WHERE ([PostId] = @PostId)">
<SelectParameters>
<asp:QueryStringParameter Name="PostId" QueryStringField="id" Type="String" />
</SelectParameters>
</asp:SqlDataSource>
Now, there can be three types of "CommentTypes" in the database. I want to change the CssClass property of "lbl_category" based on the value of [CommentType].
I tried doing this:
<asp:Label ID="lbl_category" runat="server" CssClass="<%# Eval("CommentType") %>" Text=""><%# Eval("CommentType") %></asp:Label>
But this gives an error: "The server control is not well formed"
and haven't been able to find a way to achieve this in the code behind. Can someone please help?