RadInput for ASP.NET AJAX

RadControls for ASP.NET AJAX

All four types of RadInput controls come with a set of predefined styles, which are specified by the styles in the current skin. If you have assigned a value to the Skin property, you can use a variety of style properties to customize the way the input control changes its appearance depending on its state.

The following table lists the various style properties:

 

Property

Default CSS class

Description

EnabledStyle

riEnabled

The style for the enabled input control.

Caution

The definitions from the EnabledStyle property are inherited from one style property to another in a hierarchy. Therefore, the appearance settings specified by the EnableStyle property will be propagated for the rest of the styles. For example, if you specify a red font for the EnabledStyle property, all other style properties in RadInput (other than DisabledStyle) will also have a red font.

DisabledStyle

riDisabled

The style that is applied for the disabled input control.

Caution

Please note that Internet Explorer does not allow changing the ForeColor of disabled elements.

EmptyMessageStyle

riEmpty

The style when the value is not set and the input control does not have focus.

FocusedStyle

riFocused

The style when the input control has focus.

HoveredStyle

riHover

The style when the mouse hovers over the input control.

InvalidStyle

riError

The style when the value of the input control is invalid.

NegativeStyle

riNegative

The style when the value of the input control is negative.

Note

The NegativeStyle property is only available on RadNumericTextBox controls.

The various Style properties are of type Telerik.Web.UI.InputStyle. This type has the following sub-properties:

  • BackColor

  • BorderColor

  • BorderWidth

  • CssClass

  • Font

  • ForeColor

  • Height

  • HorizontalAlign

  • LetterSpacing

  • PaddingBottom

  • PaddingLeft

  • PaddingRight

  • PaddingTop

  • Width

Each sub-property is an attribute of the HTML element for the rendered input control. Setting any of the sub-properties copies the value you set onto the style to the HTML element, overwriting any existing style elements defined by the used skin.

See Also