Input for ASP.NET AJAX

Home/Developer Productivity/Products/ASP.NET AJAX Controls/Input

Overview

When you need versatile data entry controls combined with strict validation, Telerik Input control for ASP.NET AJAX is the perfect match to your criteria. Encapsulating four highly configurable controls RadInput allows you to enter particular type of value and automatically restrict the values users can enter to that type. The big benefit with this control is that it can significantly reduces the overall download size of the HTML, no matter how many input controls you might have on a page.

See Demos Download Trial

Features

Overview

The Telerik ASP.NET Input controls are a set of four highly configurable components for controlled data input in ASP.NET applications. The four controls - RadTextBox, RadNumericTextBox, RadMaskedTextBox and RadDateInput - are each designed for allowing users to enter a particular type of value, and automatically restrict the values users can enter to that type. They automatically handle the parsing of values that the user enters and formatting of their values for display.

While each of the Telerik ASP.NET Input controls has its own unique features, designed to support a particular data type, they all share a number of common features, so that you can take advantage of the same rich set of options, no matter what type of data you want to collect.

Top
RadTextBox
RadTextBox is a text control that can accept all characters (alphabet, numeric and symbols). The ASP.NET TextBox controls by Telerik support the following features:
- Single-line, password, and multi-line modes.
- AutoComplete support in participating browsers.
- MaxLength property to define the max length of characters allowed to be entered
- Can be used like Multi-line TextBoxes The RadMaskedTextBox can be used in multi-line mode just like regular TextBoxes. You can define a different mask for every new line, forcing data entry in the proper format. To enable the multi-line mode you just need to set the TextMode property to "Multiline".
See demo

Top
RadNumericTextBox
RadNumericTextBox is an input control that accepts only numeric entries. The ASP.NET NumericTextBox controls by Telerik support the following features:
- Currency, Percentage, or Number mode
- Formatting options based on Culture settings or your own detailed requirements.
- Increment/Decrement with mouse wheel, arrow keys, and spin buttons.
- Nullable DbValue property
See demo

Top
RadMaskedTextBox Control
An enhanced data entry control, which uses a mask to distinguish between proper and improper user input. You can use a mask to specify the format such as IP address, date, currency, etc. RadMaskedTextBox can be used together with validators (such as RequiredValidator and RegularExpressionValidator controls) to ensure that the data entered by the user is verified and accurate.
- Built-in support for the most commonly used masks (phone, email, social security, state, zip, etc.)
- Multi-line mode
See demo

Top
RadDateInput Control

RadDateInput is a free-form date and time editing control. It assists the user in date and time entry by accepting various date and time formats and tries to recognize them and convert them into valid dates. If the entry is successfully recognized, it is formatted according to the current DateFormat and DisplayDateFormat property settings and displayed to the user. You can also specify the culture information by setting the Culture property.
See demo

Top
Integration with RadCalendar

The ASP.NET DateInput control can be seamlessly integrated with the Telerik ASP.NET Calendar control, to create a comprehensive date input interface. Users will be able either to enter the date in the date picker or select it from the popup calendar. In both cases the values of the two controls will be synchronized to allow further change of the chosen date.

See demo

Top
Validation

RadInput supports client (through a WebService) and server-side ASP.NET validation.The RadMaskedTextBox control can easily be used with the RequiredFieldValidator and RegularExpressionValidator controls, to verify the accuracy of the data entered by the user.

See demo

Top
Parsing

RadInput’s 'smart parsing engine' allows you to enter not only digits along with separators for the date/time but even month names or dates/years in long/short date format. This gives the user the flexibility to enter the date in a format that suits him best. The technology for parsing the date exceeds the Microsoft Outlook date input control.

Top
Rich Client-side API

The ASP.NET Input control has a rich client-side API and comprehensive set of events guaranteeing full control over various functions performed on the client. The rich client-side API provides unbeatable performance and desktop-like experience.
Top
Extensive VS.NET Design-time Support
Telerik ASP.NET Input provides rich design-time support functionality making customizations and configurations very easy. Some of the key capabilities are:
- Smart Tag - The RadInput Smart Tag allows easy access to frequently needed tasks. You can display the Smart Tag by right clicking on a RadInput control in the design window, and choosing Show Smart Tag from its context menu.
- Input Mask Dialog - The Input Mask dialog lets you create and modify the masks that are the values of the RadMaskedTextBox control's Mask and DisplayMask properties.
- Date Format Dialog - The Date Format Dialog lets you to create or edit the date format that the RadDateInput control uses to display its data.
Top
XHTML Standards Compliancy

Telerik ASP.NET AJAX Input is compliant with the XHTML 1.1 requirement.

Top
Keyboard Support
The Telerik ASP.NET AJAX Input delivers the convenience of desktop applications to the web with support for short-cut keys (such as Ctrl+C, Ctrl+V, etc.) and arrow-key navigation:
- Left/Right arrows - The left and right arrow keys move the cursor one position to the left or right. When the shift key is pressed at the same time, the left and right arrow keys extend or contract the current selection on position to the left or right.
- Up/Down arrows - The behavior of the up and down arrow keys depends on the type of RadInput control. For multi-line RadMaskedTextBox: move the cursor one line up/down. For RadMaskedTextBox with enumeration mask: spin the value one step up/down.
- Access keys - You can specify a key that lets the end user move focus directly to the input control. Once focus is on the control, the user can edit the contents of the control and use the arrow keys for navigation. For example, if you set the AccessKey property to "N", focus moves to the RadInput control when the user types "Alt+N".
- Mouse wheel - Users can interact with the RadInput controls using the mouse wheel.
Top
Copy-Paste Support

An extremely convenient feature of the Telerik ASP.NET Input control is the ability to copy/paste from one RadMaskedTextBox to another RadMaskedTextbox or application, and vice versa. The forced mask will still be applied even if you copy a solid string and paste it into a masked input control as shown on the screenshot below.

See demo

Top
Appearance

All types of Telerik ASP.NET Input controls are shipped with a rich set of skins that allow you to easily build slick interfaces with the look-and-feel of Windows Vista, Office 2007, Outlook, etc. The skins can be easily switched using a single property. If you have applied some of the predefined skins for the RadInput controls (for example the Default skin), you can use a variety of style properties to customize the way the input control changes its appearance depending on its state.

Top
Codeless Test Automation for RadInput

Now you can record, execute and debug functional tests for RadInput without leaving the familiar Visual Studio environment. Telerik WebUI Test Studio is an advanced click and play web application testing tool specialized for automating ASP.NET AJAX applications. The Studio ships with special translators for Telerik RadControls for ASP.NET AJAX.

Top