VCL ExpressEditors Library
- 15 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:
- TdxBarCode
- An unbound barcode control.
- TdxDBBarCode
- A data-aware barcode control.
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:
- TcxBlobEdit
- The BLOB editor.
- TcxDBBlobEdit
- Represents a data-aware control used for displaying and editing BLOB data from a data source.
Calculator Editors
A calculator editor is a numeric editor with a pop-up calculator.
Refer to the following class descriptions for details:
- TcxCalcEdit
- An editor with a dropdown calculator window.
- TcxDBCalcEdit
- Represents a data-aware control that enables editing a value via a popup calculator.
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:
- TcxCheckBox
- Represents a check box control that allows selecting an option.
- TcxDBCheckBox
- Represents a data-aware control which supports “checked”, “unchecked” and “grayed” states.
- TcxCheckGroup
- An editor displaying a set of check boxes.
- TcxDBCheckGroup
- Represents a data-aware check group control.
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:
- TdxColorEdit
- An editor that allows users to pick a color from a color gallery embedded into a dropdown window.
- TdxDBColorEdit
- A data-aware color editor control.
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:
- TdxColorGallery
- An unbound color gallery control.
- TdxDBColorGallery
- A data-aware color gallery control.
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
- An unbound combo box.
- TcxDBComboBox
- A data-aware combo box.
- TcxColorComboBox
- Represents a color combo box control.
- TcxImageComboBox
- An unbound combo box with support for images.
- TcxDBImageComboBox
- A data-aware image combo box.
- TcxDBColorComboBox
- Represents the data-aware version of the TcxColorComboBox.
- TcxCheckComboBox
- An unbound combo box editor that can display items with check boxes.
- TcxDBCheckComboBox
- A data-aware combo box editor that can display items with check boxes.
Currency Editors
A currency editor is a simple numeric editor designed to work with monetary values.
Refer to the following class descriptions for details:
- TcxCurrencyEdit
- An editor that enables editing currency data.
- TcxDBCurrencyEdit
- A data-aware editor that enables editing currency data.
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:
- TcxDateEdit
- TcxDateEdit is an edit control with a dropdown calendar.
- TcxDBDateEdit
- Represents a data-aware edit control with a dropdown calendar that enables editing date values.
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:
- TdxDateTimeWheelPicker
- An unbound date-time wheel picker editor.
- TdxDBDateTimeWheelPicker
- A data-aware date-time wheel picker editor.
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 markup code.
Refer to the following class descriptions for details:
- TdxFormattedLabel
- An unbound formatted label control.
- TdxDBFormattedLabel
- A data-aware formatted label control.
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:
- TcxHyperlinkEdit
- An unbound hyperlink editor.
- TcxDBHyperlinkEdit
- A data-aware hyperlink editor.
Image Editors
An image editor is designed to store and display an image. Users can invoke a context menu to manage and edit images.
Refer to the following class descriptions for details:
- TcxImage
- An unbound image editor.
- TcxDBImage
- A data-aware image editor.
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:
- TcxLookupComboBox
- Represents a lookup combo box control.
- TcxDBLookupComboBox
- Represents a data-aware editor displaying a set of values from a lookup dataset used for editing values in another dataset.
- TcxExtLookupComboBox
- Represents a lookup editor displaying a grid View in its dropdown window.
- TcxDBExtLookupComboBox
- Represents a control to edit a dataset field by picking up a record in its dropdown data-aware View.
Memo Editors
A memo editor is a multi-line text box.
Refer to the following class descriptions for details:
- TcxMemo
- Represents an edit control that allows editing memo data.
- TcxDBMemo
- Represents a memo editor that enables editing dataset fields.
Numeric Wheel Pickers
A numeric wheel picker is a touch-friendly spin editor for integer values.
Refer to the following class descriptions for details:
- TdxNumericWheelPicker
- An unbound numeric value wheel picker editor.
- TdxDBNumericWheelPicker
- A data-aware numeric value wheel picker editor.
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:
- TcxPopupEdit
- Represents a text editor that enables embedding another control in its popup window.
- TcxDBPopupEdit
- Represents a data-aware text editor with a popup window embedding a control.
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:
- TcxProgressBar
- Represents an advanced progress bar control.
- TcxDBProgressBar
- Represents the data-aware version of the TcxProgressBar.
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:
- TcxRadioGroup
- A container for radio buttons, functioning together.
- TcxDBRadioGroup
- Represents a data-aware version of the radio group control.
- TcxRadioGroupItem
- Represents an individual radio button in a radio group.
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:
- TdxRangeTrackBar
- An unbound range track bar editor.
- TdxDBRangeTrackBar
- A data-aware range track bar editor.
Rating Controls
A rating control allows users to rate content. Rating controls support custom element images.
Refer to the following class descriptions for details:
- TdxRatingControl
- An unbound rating control.
- TdxDBRatingControl
- A data-aware rating control.
Rich Text Editors
Rich text editors allow users to edit rich-formatted text.
Refer to the following class descriptions for details:
- TcxRichEdit
- Represents an edit control which allows rich text to be edited.
- TcxDBRichEdit
- Represents a data-aware version of the TcxRichEdit control.
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 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
- An unbound single-line text editor with embedded buttons.
- TcxDBButtonEdit
- A data-aware single-line text editor with embedded buttons.
- TcxMaskEdit
- TcxMaskEdit implements a generic masked edit control.
- TcxDBMaskEdit
- Represents a masked editor that enables displaying and editing text fields within a dataset.
- TcxMRUEdit
- Represents a text editor displaying the list of most recently used items (MRU) within a dropdown window.
- TcxDBMRUEdit
- Represents a data-aware text editor that stores the list of most recently used items and allows the selection of a value from this list.
- TcxTextEdit
- An unbound single-line text editor.
- TcxDBTextEdit
- A data-aware single-line text editor.
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:
- TdxSparklineEdit
- An unbound sparkline editor.
- TdxDBSparklineEdit
- A data-aware sparkline editor.
- TdxLookupSparklineEdit
- A lookup sparkline editor.
- TdxDBLookupSparklineEdit
- A data-aware lookup sparkline editor.
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:
- TcxSpinEdit
- Represents a spin editor.
- TcxDBSpinEdit
- Represents a spin editor, which enables editing numerical dataset fields.
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:
- TcxTimeEdit
- Represents an editor displaying time values.
- TcxDBTimeEdit
- Represents a data-aware editor which enables editing time values.
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:
- TdxToggleSwitch
- An unbound toggle switch editor.
- TdxDBToggleSwitch
- A data-aware toggle switch editor.
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:
- TdxTokenEdit
- An unbound token editor.
- TdxDBTokenEdit
- A data-aware token editor.
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:
- TcxTrackBar
- Represents the track bar editor that is used to edit values using a thumb.
- TcxDBTrackBar
- Represents the data-aware version of the TcxTrackBar.
- TdxZoomTrackBar
- An unbound zoom track bar editor similar to the zoom slider found in Microsoft Office.
- TdxDBZoomTrackBar
- A data-aware zoom track bar editor similar to the zoom slider found in Microsoft Office.
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:
- TcxShellComboBox
- A Shell Combo Box editor.
- TcxDBShellComboBox
- Represents the data-aware version of the shell combo box control.
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:
- TdxBreadcrumbEdit
- Implements the virtual breadcrumb control.
- TdxDBBreadcrumbEdit
- Implements the data-aware breadcrumb control.
- TdxShellBreadcrumbEdit
- A Shell Breadcrumb control.
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.