Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Collapse]Editors and Simple Controls
    Templated ListBox Items
   [Expand]Simple Editors
   [Expand]Lookup Editors
   [Expand]Token Edit Control
   [Expand]Breadcrumb Edit Control
   [Expand]Range Control
   [Expand]Image Slider
    Camera Control
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Editors and Simple Controls

This section contains documentation for simple UI controls from DevExpress - from tiny buttons and text editors to controls capable of displaying complex breadcrumb hierarchy or custom tokens.

Simple Editors

A powerful collection of over 35 data edit and multi-purpose controls. The Editors Library contains editors for any task: simple text boxes, various push and check buttons, drop-down menus, color pickers, image-containing editors, track bars, rating controls, progress bars, etc. Editors from this library are available in both unbound and data-aware modes. You can simply drop any editor onto a form to provide a way for your end-users to modify their values as required. By doing so, you do not bind your editors to any data and thus, this mode is called unbound. In data-aware mode, editors are used for editing data within data-aware controls. For instance, the DateEdit control that displays dates in a handy way (a simple text box that invokes a drop-down calendar on demand) can be used to display and edit values within cells of a Grid Control's column, bound to the data field that holds data of the DateTime type.

Learn more...

LookUp Editors

These editors provide lookup functionality in a lightweight tabular format, or using a powerful grid control or tree list. Bind them to simple data types or business objects.

Learn more...

Token Edit Control

Also a part of the Editors library, the TokenEdit control is a text box that converts blocks of text between separator characters into tokens. A token is a UI element that can be clicked or hovered. You can use this control to emulate address fields seen in many mail clients, such as Microsoft Outlook or Google Gmail, where the entered e-mail address transforms into contact tokens.

The editor supports the drop-down menu that displays the list of pre-defined tokens. New text blocks, recognized as valid tokens, are automatically remembered and may be included in this list also. The Flyout Panel support allows for displaying detailed info for each token on hover.

Learn more...

Breadcrumb Edit Control

The BreadCrumbEdit control is a tool that can help you create complex navigation, seen in Microsoft Windows Explorer. The editor exposes a logical tree with rich and branchy nodes hierarchy. At runtime, end-users see a vertically aligned stack of elements that correspond to related hierarchy nodes. Thus, the current sequence of Breadcrumb elements reflects your actual location within this hierarchy. With each step deeper into the nodes tree, new elements are added to the end of the row.

The editor operates in two modes, switching between them automatically depending on end-user actions. In Select mode, end-users invoke drop-down menus for each element, see the list of child nodes available and click the desired node to navigate to it. When an end-user focuses the editor's text box, the Edit mode is activated. In this mode, it is possible to manually input the desired path you want to navigate to.

The Breadcrumb Edit Control provides multiple useful features, such as persistent, constantly visible nodes, navigation history, dynamic nodes population, auto-complete, custom buttons, end-user menu, etc.

Learn more...

Image Slider

The ImageSlider is an image-browsing editor. Two scroll buttons, displayed on hover by default, provide smooth 'sliding' through the image collection using the built-in animation effect. If running in the Virtual Mode, the editor can be populated dynamically at runtime.

Learn more...

Range Control

The RangeControl provides data range selection functionality - from simple numeric ranges to complex scenarios with calendars and graphs. The editor provides the following key features:

  • multiple ways to select ranges;
  • animated range selection;
  • range zooming in and out;
  • out-of-the-box support for numeric ranges;
  • ability to implement a custom client that will render the Range Control's client area. Range selection and zooming are automatically supported for custom clients;
  • horizontal and vertical orientations;
  • touch screen support.

Learn more...

WindowsUI Button Panel

The WindowsUIButtonPanel is a simple bar with Windows 10-styled buttons. The control provides such features as:

  • support for two types of buttons - simple push and check buttons;
  • fully customizable button appearances: you are free to set button icons, colors, shapes etc.;
  • windows UI Button Panels can be easily displayed within Flyouts;
  • built-in Glyph Skinning support for the monochrome design, typical for the Windows Modern UI.

Learn more...

Camera Control

The CameraControl object represents a control that displays a video steam from a video capture device, such as a webcam, and provides an end-user with the capability to operate the device and adjust the video qualities. The control includes the following features:

  • support for multiple webcam devices;
  • full control over the selected video streaming device;
  • the ability to take snapshots with the currently displayed video frame;
  • the 'Camera Settings' dialog that allows your end-users to adjust video settings, such as brightness, contrast, gamma or video quality;
  • Camera Control is embedded in the TakePictureDialog that can be called in your apps, which gives your end-users an alternative to uploading an image from the local storage. For instance, the RepositoryItemPictureEdit.ShowCameraMenuItem property allows you to take webcam snapshots by using this dialog within the PictureEdit editor.

Learn more...

How would you rate this topic?​​​​​​​