Essential HTML 5 Gauge is now available for ASP.NET MVC. Built on the CANVAS element, these gauges are designed to take full advantage of the high performance, user interactivity, and stunning visuals that are possible with HTML 5.

Essential HTML 5 Gauge offers four types of gauges that can be applied to virtually any of your data visualization needs. Every gauge is fully customizable, and features fourteen built-in skins to make appearance customization easy.

The circular gauge displays values in a radial layout with a pointer that specifies the value of the gauge. The circular gauge can be set as a full circle, half circle, or quarter circle.

The fully customizable digital gauge allows you to choose from seven, fourteen, and sixteen-segment displays, or dot matrix and square matrix displays that have never before been offered in any of our gauge controls.

The linear gauge displays values in a linear fashion similar to a thermometer. They can be given a horizontal or vertical orientation, and feature numerous pointer shape options. The linear gauge frame can be set as rectangular, rounded rectangular, or cropped rectangular.

The rolling gauge can be used to display alphanumeric text in a UI that is similar to analog odometers. The gauge is animated to roll over, and the roll direction can be set as clockwise or counterclockwise. An automatic segment count feature is included to automatically set the number of spaces present in the gauge.

The AutoComplete control, used to suggest entries as users type in a text box, has been enhanced with client-side data fetching to increase performance, highlighting for searched text, customizable list positioning, and support for left-to-right text alignment.

The Captcha control has a refresh button that allows you to regenerate an image of the code that has to be entered in the verification text box.

With drag and drop support, tree nodes can be repositioned at different levels in the same tree or dropped into a different tree, even if the other tree has different characteristics. For example, when dragging a node that doesn’t have a check box to a tree where nodes do have check boxes, the dragged node will automatically take on a check box.

The Ribbon control allows you to create a Microsoft Office like toolbar in your applications. Any number of tabs and groups can be added to the Ribbon control to effectively organize tools for end users. The application menu (File button) can be presented in two ways, as a regular menu or a backstage menu (as in Office 2010). The gallery view in the Ribbon control can host any number of images, and the height of the thumbnails can be customized. The appearance of the ribbon is fully customizable through custom CSS, and also features fourteen built-in themes.

The Splitter control can be used to create separate panes in a work area that can be resized or collapsed by dragging or clicking, respectively. Any number of panes and split bars can be created. Features include horizontal or vertical orientation, pane resizing, content template support, and collapsible panes.

When you need to set a time, the TimePicker control makes time selection easy by giving users a grid of values that can be selected just by clicking. Four primary fields can be set: hours, minutes, seconds, and a.m. or p.m. Also, by just hovering over a value, the display will be updated instantly—a live update. Minimum and maximum values are also supported.