---
title: Controls
order: 1000
seealso: []
---

# Controls

<style>

th {
    visibility: collapse;
}
td, th, tr {
   border: none!important;
   vertical-align: top;
}
</style>



## Data Management Controls


| <div style="width:400px"></div> | col 2 |
| --- | --- |
| **Data Grid** |  |
| ![thumb-datagrid](/docs/images/thumb-datagrid.png) | Displays data from an item source as a two-dimensional table, and provides rich data shaping and editing functionality.<br><br>- Large data sources support<br>- Unbound data<br>- Data sorting and grouping<br>- In-place editors<br>- Search and data filtration<br>- Multiple row selection<br>- Row drag-and-drop<br>- Data validation<br>- Built-in and custom context menus<br>- Column bands<br>[Learn more...](datagrid/index.md) |  
| **Tree List and Tree View** |
| ![thumb-treelist](/docs/images/thumb-treelist.png) | Renders hierarchical data in the form of a tree. Tree List supports multiple data columns, while Tree View is a single-column control.<br><br>- Binding to self-referential (flat) and hierarchical data sources<br>- Unbound mode (allows you to manually supply data)<br>- Multiple row selection<br>- Row selection via built-in checkboxes<br>- Data sorting<br>- In-place editors<br>- Data search and filtering<br>- Row drag-and-drop<br>- Data validation<br>- Built-in and custom context menus<br>- Column bands<br>[Learn more...](treelist/index.md) | 
| **Property Grid** |
| ![thumb-propertygrid](/docs/images/thumb-propertygrid.png) | An efficient solution for browsing and editing properties of one or more objects. <br><br>- Automatic generation of rows from public properties of a bound object(s)<br>- Manual row creation mode<br>- Combining rows into category rows<br>- Combining rows into embedded tabs<br>- Search panel (for quick row location)<br>- In-place editors<br>[Learn more...](propertygrid/index.md) | 
| **List View** |
| ![thumb-propertygrid](/docs/images/thumb-listview.png) | An advanced list that renders items according to your template. Supports item sorting, grouping, filtering and multi-selection.<br><br>- Two item arrangement modes: `Stack` (a single column of items) and `Wrap` (multi-column arrangement with the item wrapping feature) <br>- Rendering ListView items in a custom manner according to your template<br>- Item sorting and grouping against an unlimited number of item properties<br>- Item filtration with an event<br>- Single and multiple selection modes<br>[Learn more...](listview/index.md) | 


## Navigation and Layout Controls

| <div style="width:400px"></div> | col 2 |
| --- | --- |
| **Ribbon** |
| ![thumb-ribbon](/docs/images/thumb-ribbon.png) | The menu inspired by the ribbon UI found in Microsoft Office products.<br><br>- Classic and Simplified views<br>- Support for all types of items (commands) available in the [traditional menus](toolbars-and-menus/index.md): regular buttons, check buttons, editors, labels, sub-menus and button groups.<br>- In-place and dropdown galleries<br>- Quick Access Toolbar - A user can add frequently used commands to this toolbar at runtime from a context menu.<br>- Customizing the Quick Access Toolbar position (above or below the Ribbon command panel) and visibility<br>- Displaying items in the tab header area<br>- Tab header colorization (allows you to highlight contextual tabs)- Ribbon item navigation with the keyboard<br>- Adaptive layout of groups and items (adjusts the layout of commands when the Ribbon control's width changes)<br>[Learn more...](ribbon/index.md) |
| **Toolbars and Menus** |  |
| ![thumb-bars](/docs/images/thumb-bars.png) | Traditional toolbars and menus for your applications.<br><br>- Supported toolbar item types: buttons, check buttons, sub-menus, item groups, and more<br>- Docking toolbars at the edges of a container<br>- Placing toolbars at any position within the window (for example, at the top of client controls)<br>- Horizontal and vertical toolbar orientations<br>- Adaptive layout of commands<br>- Toolbar layout customization at runtime using drag-and-drop operations<br>- Runtime customization mode for advanced toolbar personalization<br>- Quick customization (without the need to activate customization mode)<br>- Show values in toolbars, and allow users to edit them using in-place editors<br>- Hotkey support, including complex shortcuts, such as Ctrl+R, Ctrl+K<br>- Context menus for external controls<br>[Learn more...](toolbars-and-menus/index.md) | 
| **Docking UI** |
| ![thumb-docking](/docs/images/thumb-docking.png) | Classic docking interface inspired by the Microsoft Visual Studio IDE.<br><br>- Dock panels help you create tool panes<br>- Documents (embedded dock windows) allow you to display the main content of your UI<br>- Floating panels<br>- Panel auto-hide functionality<br>- Tab containers<br>- Panel resizing and drag-and-drop<br>- Dock hints<br>- Built-in context menus to perform operations on panels and Documents<br>- MVVM support<br>- Docking on multiple monitors<br>- Save and restore layouts of dock panels between application runs<br>[Learn more...](docking/index.md) |



## Data Visualization Controls

| <div style="width:400px"></div> | col 2 |
| --- | --- |
| **Chart Controls** |  |
| ![thumb-chartcontrol](/docs/images/thumb-chartcontrol.png) | The `CartesianChart`, `PolarChart` and `SmithChart` controls allow you to integrate the most popular interactive graphs into your application's UI.<br><br>- An unlimited number of data series<br>- Supported Views: Line, Bar, Range Bar, Step Line, Candlestick, and more<br>- Multiple axis types: Numeric, Date-Time, Time Span, Qualitative, and Logarithmic<br>- Scrolling and zooming the entire view and individual axes<br>- High-performance when displaying large data.<br>- Real-time data visualization.<br>[Learn more...](charts/index.md) | 
| **Heatmap Control** |  |
| ![thumb-heatmap](/docs/images/thumb-heatmap.png) | A two-dimensional heat map - a chart that visualizes data using colored points.<br><br>- 2D representation of numerical values as color<br>- Customization of the X and Y axes<br>- Crosshair<br>- Strips and constant lines<br>- Scroll and zoom with the mouse<br>- Export rendering to a bitmap<br>[Learn more...](charts/heatmap.md) | 

## 3D Graphics

| <div style="width:400px"></div> | col 2 |
| --- | --- |
| **Graphics3D Control** |  |
| ![thumb-graphics3dcontrol2](/docs/images/thumb-graphics3dcontrol2.png) | Allows you to visualize 3D models in your Avalonia applications.<br><br>- API to specify 3D models<br>- Simple materials<br>- Textured materials in PBR format<br>- Displaying multiple 3D models simultaneously<br>- Perspective and isometric camera modes<br>- Model rotation, panning and zooming with the mouse and keyboard at runtime<br>- Rendering on a video card with the Vulkan SDK<br>- MVVM pattern support for specifying 3D models<br>[Learn more...](graphics3dcontrol/index.md) | 

## Editors and Utility Controls
| <div style="width:400px"></div> | col 2 |
| --- | --- |
| **Data Editors** |  |
| ![thumb-editors](/docs/images/thumb-editors.png) | Simple and advanced editors that allow users to edit almost everything - from text and numbers to date/time values and colors. You can use them as standalone controls, or as in-place editors <br><br>- ButtonEditor<br>- CheckEditor<br>- ComboBoxEditor<br>- DateEditor<br>- HyperlinkEditor<br>- MemoEditor<br>- PopupColorEditor<br>- SegmentedEditor<br>- SpinEditor<br>- TextEditor<br><br>[Learn more...](editors/index.md) |
| **Utility Controls** |  |
| ![thumb-utilitycontrols](/docs/images/thumb-utilitycontrols.png) | A collection of useful controls shipped with the Eremex Controls library allow you to create feature-rich applications.<br><br>- TabControl<br>-  SplitContainerControl<br>-  GroupBox<br>-  CalendarControl<br>-  MxMessageBox<br>-  CircleProgressIndicator<br>[Learn more...](utility-controls/index.md) |

## Eremex Paint Themes

The Eremex Controls Library ships with the 'DeltaDesign' paint theme that helps you deliver interfaces with the light and dark color palettes.


| <div style="width:400px"></div> | <div style="width:400px"></div> |
| --- | --- |
| **DeltaDesign Light Theme** | **DeltaDesign Dark Theme** |
| ![thumb-lighttheme](/docs/images/thumb-lighttheme.png) | ![thumb-darktheme](/docs/images/thumb-darktheme.png) |
| ![thumb-lighttheme2](/docs/images/thumb-lighttheme2.png) | ![thumb-darktheme2](/docs/images/thumb-darktheme2.png) |

See the following topic for more information: 

- [Themes](themes/index.md)