First Look at RadButton for ASP.NET AJAX!

by ASP.NET AJAX Team | Comments 6

We will extend our ASP.NET AJAX suite in Q3 2010 with a new control. The component is called RadButton -a fully customizable button control that allows you to build complex forms and easily manage the user input. The standard ASP.NET button controls (Button, RadioButton, CheckBox) can be easily replaced by the RadButton control, since most of their functionality is provided by our control, and is configured by the same or similar(intuitive) properties. On top of that we offer many additional features.

button types

Here are some of RadButton's key features:

  • Rich client-side functionality - Many of the server properties are exposed on the client, enabling the user to save a trip to the server just to set a property. There are several client-side events which allow easy and flexible use in a wide range of application scenarios.
  • Command Support - RadButton has full support for Commands. The user can set CommandName and CommandArgument, and then handle the Command server-side event to perform specific action when the button with the respective command is pressed.
  • Icons - You can make the button more intuitive by placing an Icon next to its text. Two icons at maximum can be shown on the control. All of the icon related properties are controlled through the <Icon> inner property:

    <telerik:RadButton ID="RadButton1" runat="server">
          <Icon PrimaryIconUrl="~/icons/cart.png" SecondaryIconUrl="~/icons/add.png" />
    </telerik:RadButton>
  • ImageButton - The user can easily place an image on the control. The image can be used either as background image, or it can represent the button itself (ImageButton). All of the image related properties are set through the <Image> inner property:

    <telerik:RadButton ID="RadButton1" runat="server">
          <Image ImageUrl="~/img/SignUp.png" IsBackgroundImage="false" />
    </telerik:RadButton>
     
  • Customizable ToggleButton - RadButton can be used as a check box or radio button. To turn on the toggle button functionality set the ButtonType property to ToggleButton. After that changing the value of the ToggleType property makes the button, CheckBox, Radio or CustomToggle button.

 

Since this is RadButton's first version, I'd like to ask for any feedback you might have. It would be highly appreciated. Also, if you want to learn more about RadButton, you can take a look at our online demos or join our community.

About the author

Iana Tsolova

Iana Tsolova

is Program Manager of Telerik’s ASP.NET AJAX division. She joined the company back in the beginning of 2008 as a Support Officer and has since occupied various positions at Telerik, including Senior Support Officer, Team Lead at one of the ASP.NET AJAX teams and Technical Support Director. Iana’s main interests are web development, reading articles related to geography, wild nature and latest renewable energy technologies.

6 Comments

Rich
How about height attributes?  Considering the current Web2.0+ trend of having over-sized inputs and buttons for forms, do these allot for adjusting the height style?
Petre Lukarov
Rich and Chris, thank you for the feedback!

@Rich
RadButton with ButtonType="StandardButton" has predefined height of 22px which cannot be modified. This is because we didn't want to render additional HTML elements and make the control heavy on the client, just to support rounded corners and provide the ability to set custom Height.
When the control is used as LinkButton or ToggleButton, the Height property can be set to the desired value.

@Chris
In Q3 2010 Beta this scenario is not supported out of the box, but we will make sure that it is supported for the official release.
Steve
This is my single most favorite part of the Q3 release across just about all divisions.

It's not just a Telerik Skin on a button, there's so many cool things built around it that I didn't even know I needed.

Opens up so many possibilities with a single control

Slick guys :)
carlos
ıs these buttons are only one time clickable.?
Rumen Jekov
Hi Carlos,

We are currently working on a new Single Click demo, which will demonstrate the requested one time (single) click functionality. The example will be available in the official Q3 2010 release.

Best regards,
Rumen
The Telerik Team

Comments

  1.    
      
      
       
  2. (optional, emails won't be shown on public pages)
  3. (optional)
Read more articles by ASP.NET AJAX Team - or - read latest articles in Developer Tools