RadFormDecorator for ASP.NET AJAX

RadControls for ASP.NET AJAX

RadFormDecorator is part of Telerik RadControls for ASP.NET AJAX Suite that enables CSS skinning of:

  • Buttons

  • CheckBoxes

  • Fieldset (including legend tags)

  • GridFormDetailsViews

  • H4,H5,H6

  • Label

  • RadioButtons

  • Scrollbars

  • Textarea

  • Textbox

  • SELECT (dropdowns and listboxes)

elements, without generating any additional Html - hidden inputs, div's, etc. Thus it integrates seamlessly into the page and doesn't require any changes to the existing page's layout.

Here are the main features of the control:

  • Hover/Out states for the buttons using pure CSS

  • Caching of images for IE6 (smoother user experience)

  • CSS for disabled radiobuttons, checkboxes and buttons

  • Various CSS look & feel improvements

  • Right to left support

  • 14 skins

formdecorator skins thumb

To decorate the form elements on a webpage:

1. Register Telerik.Web.UI namespace tagprefix:

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

2. Add the RadFormDecorator server tag on the webpage:

CopyASPX
<telerik:radformdecorator id="FormDecorator1" runat="server" DecoratedControls="all" Skin="Web20"></telerik:radformdecorator>

Values of the DecoratedControls property are:

  • All

  • Buttons

  • CheckBoxes

  • Default

  • Fieldset

  • H4H5H6

  • Label

  • None

  • RadioButtons

  • Select

  • Scrollbars

  • Textarea

  • Textbox

The Default value enables the decoration of the following elements: Buttons, CheckBoxes, RadioButtons and Scrollbars.

The ControlsToSkip property allows you to exclude certain controls from decoration set with the DecoratedControls property. For example:DecoratedControls="All"ControlsToSkip="H4H5H6"

formdecorator contrls to skip