Overview

Leave us a message





telerik ninja image
New to Telerik UI for ASP.NET AJAX?

Telerik UI for ASP.NET AJAX is professional grade UI library with 120+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

RadLabel is flexible server-side control intended to substitute the standard ASP.NET Label control. It supports seamless integration with all Telerik controls and provides consistent look and feel with the built in Telerik skins, allowing many options for easier customizations according to user needs.

About RadLabel for ASP.NET AJAX

The control provides rich feature server API for creating various captions for form editors. Simple and intuitive API allows easy integration with all controls by setting the AssociatedControlID property. It supports different kinds of layouts, positioning and customization of the inner content such as adding icons and/or hyperlinks.

RadLabel and 120+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

Key Features

  • Seamless integration with the ASP.NET and Telerik WebForms components
  • Consistent look and feel with Telerik ASP.NET AJAX controls on the page
  • Rich server-side API
  • Easy to customize rendering
  • Simplified and intuitive configuration
  • DefaultCS.aspx
  • styles.css
<%@ Page Language="c#" AutoEventWireup="true"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />


    <div class="demo-containers">
        <div class="demo-container wrapper">
            <span class="header">Leave us a message</span>
            <div class="left-wrapper">
                <telerik:RadLabel runat="server" ID="RadLabel1" AssociatedControlID="RadTextBox1" Text="Name"></telerik:RadLabel>
                <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox1"></telerik:RadTextBox><br />
                <telerik:RadLabel runat="server" ID="RadLabel2" AssociatedControlID="RadTextBox2" Text="Email" RequiredMark="*" MarkDisplayMode="Required"></telerik:RadLabel>
                <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox2"></telerik:RadTextBox><br />
                <telerik:RadLabel runat="server" ID="RadLabel3" AssociatedControlID="RadMaskedTextBox1" MarkDisplayMode="Optional" Text="Phone" OptionalMark=" (optional)"></telerik:RadLabel>
                <telerik:RadMaskedTextBox ID="RadMaskedTextBox1" RenderMode="Lightweight" runat="server" Mask="(###) ###-####-####">
                </telerik:RadMaskedTextBox>
                <br />
                <telerik:RadLabel runat="server" Text="Category" ID="RadLabel4" AssociatedControlID="RadComboBox1"></telerik:RadLabel>
                <telerik:RadComboBox runat="server" ID="RadComboBox1">
                    <Items>
                        <telerik:RadComboBoxItem Selected="true" Value="Select..." Text="Select..." />
                        <telerik:RadComboBoxItem Value="Feedback" Text="Feedback" />
                        <telerik:RadComboBoxItem Value="Bug" Text="Bug" />
                        <telerik:RadComboBoxItem Value="Complain" Text="Complain" />
                    </Items>
                </telerik:RadComboBox>
            </div>
            <div class="right-wrapper">
                <telerik:RadLabel runat="server" ID="RadLabel5" AssociatedControlID="RadTextBox3" Text="Message"></telerik:RadLabel>
                <telerik:RadTextBox RenderMode="Lightweight" TextMode="MultiLine" runat="server" ID="RadTextBox3"></telerik:RadTextBox><br />
            </div>
            <hr class="demo-separator" />
            <div class="button-wrappers">
                <telerik:RadButton ID="RadButton1" runat="server" Text="Send" Primary="true"></telerik:RadButton><%--
            --%><telerik:RadButton ID="RadButton2" runat="server" Text="Cancel"></telerik:RadButton>
            </div>
        </div>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance