Customize RadLabel appearance

Environment

Product

Theme Builder for ASP.NET AJAX

Description

See how to change the appearance of the Label control.

Solution

You can easily style the label component using the technique shown in this blog post:

• Inspect the Generated HTML of a Control
• See the Applied Styles

For example by overriding the following class you will be able to apply your own font color, border and padding to the rendered label control:

<style>
    label.RadLabel {
        padding-right: 150px;
        padding-top: 15 px;
        border: 1px solid red;
        color: blue;
        font-size: 20px;
        height:31px;
    }
</style>
<telerik:RadLabel runat="server" ID="RadLabel1" AssociatedControlID="RadTextBox1" Text="Name"></telerik:RadLabel>
<telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox1"></telerik:RadTextBox><br />