RadLabel - Telerik ASP.NET Label

Leave us a message





Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

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 90+ 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 PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<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

Help Us Improve

Was this example helpful?