VCL ExpressEditors Library
- 12 minutes to read
The VCL ExpressEditors Library includes a variety of controls that can be divided into the following five categories:
- Editors
- Data editors that can help you solve two different tasks. You can use them as standalone controls and build data entry forms. You can also embed them into container controls and implement user-friendly data display and input in the Data Grid, Tree List, Ribbon, menus, and other controls.
- Controls
- Multi-purpose control library that includes more advanced versions of standard controls as well as unique controls not available in the default RAD Studio toolbox.
- Utility Components
- Non-visual components that help you enhance an application’s UI.
- Shell Components
- Skinnable editors and dialogs that allow you to add the shell navigation functionality to your application.
- Skinnable Message Boxes
- Message box dialogs that support the DevExpress Look and Feel/Skin technology.
Editors
The ExpressEditors Library includes over 40 editor types you can use as standalone controls or in-place editors in container controls (Data Grid, Tree List, Vertical Grid, Pivot Grid, Ribbon, menus, etc.) The majority of editors in this category ships in unbound and data-aware versions.
Barcode Editors
A barcode control is designed to generate and display a barcode or QR code from a source text string. Barcode controls support 13 barcode types.
Refer to the following class descriptions for details:
BLOB Editors
A BLOB (Binary Large Object) editor can display an image or text in a drop-down window.
Refer to the following class descriptions for details:
Calculator Editors
A calculator editor is a numeric editor with a pop-up calculator.
Refer to the following class descriptions for details:
Check Boxes and Check Groups
A check box corresponds to an option, and can be in checked, unchecked, and grayed states. You can use a check group if it is possible to interpret the target edit value as a set of options.
Refer to the following class descriptions for details:
Color Editors
A color editor allows users to pick a color from a color gallery embedded into a drop-down window.
Refer to the following class descriptions for details:
Color Galleries
A color gallery displays a palette from which users can pick a color. This gallery ships with a number of built-in palettes, including those found in Microsoft Office®.
Refer to the following class descriptions for details:
Combo Boxes
A combo box allows users to select an option in a drop-down list. A check combo box enables users to select multiple options simultaneously.
Refer to the following class descriptions for details:
- TcxComboBox
- TcxDBComboBox
- TcxColorComboBox
- TcxImageComboBox
- TcxDBImageComboBox
- TcxDBColorComboBox
- TcxCheckComboBox
- TcxDBCheckComboBox
Currency Editors
A currency editor is a simple numeric editor designed to work with monetary values.
Refer to the following class descriptions for details:
Date Editors
A date editor is an edit control with a drop-down calendar. The editor also allows users to adjust time in addition to the date selection functionality.
Refer to the following class descriptions for details:
Date/Time Wheel Pickers
A date/time wheel picker is a touch-friendly editor that can display and change a TDateTime value.
Refer to the following class descriptions for details:
Formatted Labels
This label control can format its text based on BBCode-inspired tags. You can use the built-in Formatted Label Editor to specify the markup code.
Refer to the following class descriptions for details:
Hyperlink Editors
A hyperlink editor is a single-line text editor that displays its content as a hyperlink. The editor can invoke the default system browser to open a hyperlink when a user clicks it.
Refer to the following class descriptions for details:
Image Editors
An image editor can store and display an image. The editor supports clipboard operations and allows users to manage the displayed image.
Refer to the following class descriptions for details:
Lookup Combo Boxes
A lookup combo box combines the functionality of a lookup grid and a combo box.
Refer to the following class descriptions for details:
Memo Editors
A memo editor is a multi-line text box.
Refer to the following class descriptions for details:
Numeric Wheel Pickers
A numeric wheel picker is a touch-friendly spin editor for integer values.
Refer to the following class descriptions for details:
Office Search Box
The Office Search Box control is a tool similar to the “Tell Me” box found in Microsoft Office®. You can use this control to simplify command search if your application has a Ribbon or Toolbar UI with a large number of commands.
Refer to the following topics for details:
- How to: Use the Office Search Box with a Ribbon or Toolbar UI
- How to: Customize the Office Search Box
Pop-up Editors
A pop-up editor is a single-line text editor that allows you to embed other controls into a pop-up window. Users can work with embedded controls in the same way as with standalone controls.
Refer to the following class descriptions for details:
Progress Bars
A progress bar gradually fills from left to right or from bottom to top, depending on its orientation.
Refer to the following class descriptions for details:
Radio Groups
A radio group is a container for radio buttons that allow users to switch between available options.
Refer to the following class descriptions for details:
Range Track Bars
A range track bar editor is a track bar editor that displays two sliders (also called thumbs) to select a range of values on its bar.
Refer to the following class descriptions for details:
Rating Controls
A rating control allows users to rate content. Rating controls support custom element images.
Refer to the following class descriptions for details:
Rich Text Editors
Rich text editors allow users to edit rich-formatted text.
Refer to the following class descriptions for details:
Tip
DevExpress VCL Subscription ships with a separate Rich Edit Control that allows you to create fully functional word processing applications.
Single-Line Text Editors
Single-line text editors allow users to edit a single non-formatted string value. Different single-line editor types offer additional functionality, such as input masks, extra buttons, etc.
Refer to the following class descriptions for details:
- TcxButtonEdit
- TcxDBButtonEdit
- TcxMaskEdit
- TcxDBMaskEdit
- TcxMRUEdit
- TcxDBMRUEdit
- TcxTextEdit
- TcxDBTextEdit
Sparkline and Lookup Sparkline Editors
A sparkline is a small line, point, area, or bar chart designed to visualize data as a condensed graph without axes and additional inscriptions. Sparklines are particularly useful as in-place editors if you need to display trends in a container control.
Refer to the following class descriptions for details:
Spin Editors
A spin editor allows users to enter a numeric value directly or adjust it with spin buttons. The Up and Down spin buttons increment and decrement the edit value by a specified amount.
Refer to the following class descriptions for details:
Time Editors
A time editor allows users to change the selected time value digit directly or adjust a time value with spin buttons. The Up and Down spin buttons increment and decrement the time value at the input caret position.
Refer to the following class descriptions for details:
Toggle Switches
A toggle switch is a touch-friendly version of a check box. A toggle switch replaces a check mark with a thumb whose position corresponds to the current check state.
Refer to the following class descriptions for details:
Token Editors
A token editor validates the entered text and converts valid text blocks into tokens (clickable boxes that can display text and an image).
Refer to the following class descriptions for details:
Track Bars
A track bar displays a thumb that a user can drag to modify the edit value. A zoom track bar includes two adjacent scale ranges with individual settings for more granular control over thumb movements.
Refer to the following class descriptions for details:
Controls
This section lists more advanced versions of standard controls as well as unique controls not available in the default RAD Studio toolbox.
Activity Indicator
An activity indicator displays animation during ongoing events with an unknown duration. Use the activity indicator together with a label to show the status of such events.
Button
An advanced variant of the standard VCL TButton component can work in the following modes:
- Standard Mode
The button behaves identically to the standard VCL button.
- Menu Mode
The button invokes an associated drop-down menu.
- Drop-Down Button Mode
The button displays an additional drop-down button that invokes an associated menu. A click on the main button executes an OnClick event handler.
- Command Link Mode
The button mimics the appearance of command links found in Microsoft Windows® Vista native applications. The button can display an additional description.
- Office Drop-Down Mode
The button mimics the appearance and behavior of buttons with drop-down menus found in Microsoft Office® 2010 and later versions. A click on the button invokes an associated drop-down menu.
Refer to the TcxButton class description for details.
Camera Control
The camera control allows you to capture a video or an image from a built-in or connected camera. The camera control displays the selected camera’s feed.
Refer to the following topic for details: Camera Preview Dialog.
Gallery Control
The gallery control displays a set of items categorized into groups and arranged into columns.
Refer to the following topics for details:
List View Control
The List View control allows a user to display items vertically or horizontally and arrange them in groups and columns. Each item can show its caption, subitems, images, check box, and hint. The control supports look & feel settings common to all DevExpress VCL controls. These settings allow you to keep the application’s appearance consistent for all UI elements.
Refer to the following topic for details: List View Control.
Range Control
A range control is designed to help users select intervals and data ranges. The range control supports the following data range models:
- Numeric
Allows users to select ranges of integer, float, or currency values.
- Date/Time Model
Allows users to select ranges of values on a single predefined scale with formatted TDateTime values.
- Date/Time Header Model
Allows users to select ranges of TDateTime values on various predefined scales in different measurement units.
- Scheduler Model
Allows users to select and display ranges of TDateTime values in the TcxScheduler control associated with the range control.
Refer to the following topics for details:
Tree View Control
The Tree View control allows a user to display data in nodes with customizable captions, images, check boxes, and hints. The control supports look & feel settings common to all DevExpress VCL controls. These settings allow you to keep the application’s appearance consistent for all UI elements.
Refer to the following topic for details: Tree View Control.
Wheel Picker
A wheel picker is a touch-friendly multi-choice editor.
Refer to the following topic for details: Wheel Picker Editors.
Utility Components
This section lists non-visual components that help you enhance an application’s UI.
Alert Window Manager
The Alert Window Manager is a non-visual component that arranges alert windows on screen, and sets their timing, animations, and look & feel settings. Use this component to display on-screen notifications such as messenger and e-mail client notifications.
Refer to the following topics for details:
UI Adorner Manager
The UI adorner manager is a non-visual component designed to display the following adorner layers on top of the target form:
- Badge Layer
Displays custom marks anchored to specific UI elements.
- Guide Layer
Highlights specific UI elements or regions. Users can navigate between outlined regions called guides. The currently selected guide removes the darkening effect from the target UI element:
Refer to the following topic for details: UI Adorner Manager.
Shell Components
This section lists components that allow you to add the shell navigation functionality to your application.
Shell Combo Boxes
A shell combo box allows users to specify file paths and browse the folder structure. Users can type the path within the editor box or invoke the editor’s drop-down window to display the folder tree:
Refer to the following class descriptions for details:
Shell Breadcrumb Editors
A shell breadcrumb editor offers the shell navigation functionality out-of-the-box. You can use this editor to complement shell combo box editors.
Refer to the following class descriptions for details:
Shell Dialogs
The ExpressEditors Library ships with the following set of skinnable counterparts for standard VCL shell dialog components:
| DevExpress Component | Standard Component | Description |
|---|---|---|
| TdxOpenFileDialog | TOpenDialog | An Open dialog component. |
| TdxSaveFileDialog | TSaveDialog | A Save As dialog component. |
| TdxOpenPictureDialog | TOpenPictureDialog | An Open dialog component for image files. |
| TdxSavePictureDialog | TSavePictureDialogs | A Save As dialog component for image files. |
You can use these components to keep your application’s appearance consistent for all UI elements, including shell dialogs:
Note
All DevExpress controls with built-in Windows shell navigation functionality (such as Spreadsheet and Rich Edit controls) use skinnable shell dialogs. If you prefer standard system dialogs, set the dxUseStandardShellDialogs global constant to True.
Skinnable Message Boxes
All DevExpress products use the TdxMessageDialogForm class to display message dialog boxes with support for skins and BBCode-inspired markup tags:
The ExpressEditors Library includes multiple global methods that invoke skinnable message boxes. Refer to the following topic for the full list of available methods and their standard counterparts: Message Dialog Boxes.