Label

• Jun 28, 2021

The ASPxLabel control allows you to display text on a web page.

Features

• Associate a Label with a Control

  You can associate a control with the Label control (ASPxLabel.AssociatedControlID). On a web page, a browser renders the label as an HTML label element. The label’s “for” attribute is set to the associated control’s ID property.

  ASPX

  <dx:ASPxLabel ID="ASPxLabel1" runat="server" AssociatedControlID="ASPxComboBox1" Text="ASPxLabel">
  </dx:ASPxLabel>
  <dx:ASPxComboBox ID="ASPxComboBox1" runat="server">
  </dx:ASPxComboBox>
  

• Appearance Customization

  You can customize control appearance as follows: apply a DevExpress Theme, style settings, or assign CSS classes.

  ASPX

  <script runat="server">
  protected void OnCheckedChanged(object s, EventArgs e) {
      Label.BackColor = (s as ASPxCheckBox).Checked ? System.Drawing.Color.Green : System.Drawing.Color.Red; 
  }
  </script>
  
  <dx:ASPxLabel runat="server" Text="Label Text" BackColor="Red" ID="Label" ForeColor="White" />
  <dx:ASPxCheckBox runat="server" Text="Successfull" OnCheckedChanged="OnCheckedChanged" AutoPostBack="true" />
  

• Client-Side API

  The label control’s client-side API is implemented with JavaScript and exposed by the ASPxClientLabel object.

  Availability	Available by default.
  Client object type	ASPxClientLabel
  Access name	ASPxLabel.ClientInstanceName
  Events	ASPxLabel.ClientSideEvents

  ASPX

  <dx:ASPxTextBox ID="ASPxTextBox1" runat="server" Width="170px" ClientInstanceName="textBox"></dx:ASPxTextBox>
  <dx:ASPxButton ID="ASPxButton1" runat="server" Text="Set Label Text" AutoPostBack="False" >
  <ClientSideEvents Click="function(s, e) {   label.SetText(textBox.GetText()); }" />
  </dx:ASPxButton>
  <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="" ClientInstanceName="label">
  </dx:ASPxLabel>