Your complete collection of data-entry and validation controls: choose from masked, date, numeric, and custom editing. Get built-in masks, custom format support, localization, and more with ComponentOne Input™ for ASP.NET Wijmo.
Input Controls Overview
- C1InputCurrency, derived from C1InputNumeric, is specialized for editing currency values. Using the numeric editor, you can specify input without writing any custom validation logic in your application.
- C1InputDate, derived from C1InputMask, is specialized for editing the date and time. The C1DateInput control renders a date editor.
- C1InputMask control is the main Web control used for entering and editing information of any data type in a text form. It supports data formatting, edit mask, data validation and other features. It also supports formatted and masked editing of all data types, including additional functionality. Apart from being the main data editor control, C1InputMask also serves as the base class for specialized controls such as C1InputDate and C1InputNumeric.
- C1InputNumeric, derived from C1InputMask, is specialized for editing numeric values. Using the numeric editor, you can specify input without writing any custom validation logic in your application.
- C1InputPercent, derived from C1InputNumeric, is specialized for editing percent values. Using the numeric editor, you can specify input without writing any custom validation logic in your application.
Features
-
Rich Client-side Object Model
Create a richer user experience on the client with mouse-action and control-focus events. Change the control format, color, mask, minimum and maximum values and more with multiple client-side methods.
-
23+ Built-in Masks
Select from over 23 built-in masks or customize your own. The C1InputMask control includes 14 built-in standard masks, including time and date formats, day of week chooser, and numeric range. The C1InputDate control includes 9 built-in standard masks, including short and long date and time formats. Both include custom format support.
-
Alerts for Invalid Input
Eliminate invalid input such as alphanumeric characters in a numeric input box. You can visually alert your users with red font or display an error message.
-
Rich Formatting Model
Format input boxes in almost any way imaginable. A rich formatting model enables developers to customize the appearance of a control’s text, border, cell spacing, color scheme, and so on.
-
Design-time Support
Use the SmartTag to quickly access the five control-specific designers. Set masks, format, value, and culture properties, and visualize your edits with the WYSIWYG window.
-
Cultural Support
Define the cultural setting used by any input control – this applies to string comparison, numeric and date time formats, and special characters.
-
Drop-down and Spin Buttons
The specialized Input controls for date/time and numeric editing, C1InputDate and C1InputNumeric controls support drop-down and spin (up/down) buttons.
-
Date Picker
A calendar may be used as a date picker in the C1InputDate control. To enable the trigger button to open the default calendar, simply set the showTrigger option to true.
-
Numeric Editing
Set value input limits, specify number of decimal places, and indicate use of the thousands separator for the C1InputNumeric, C1InputCurrency, and C1InputPercent controls.
-
Password Protection
Using the C1InputMask control, protect input text by displaying password characters. At design time, simply select a character (*, for example) to substitute for the actual input characters.
-
Keyboard Support
Quickly edit input values using keyboard support. Move the cursor one position to the left or right or to the beginning or end, increment or decrement the range value, copy and paste, and more!
-
Theming
With just a click of the SmartTag, change the input control's look by selecting one of the 6 premium themes (Arctic, Midnight, Aristo, Rocket, Cobalt, and Sterling). Optionally, use ThemeRoller from jQuery UI to create a customized theme!
-
CSS Support
Use a cascading style sheet (CSS) style to define custom skins. You have complete control over the input box's background, colors, borders, styles, padding, cell spacing, and more. CSS support allows you to match the input controls to your organization's standards.