Essential Studio for JavaScript

The JavaScript suite has received significant updates for displaying and editing data, especially for the Chart, Grid, and Schedule controls. Diagram control connectors can be edited, and diagrams can be localized for any region and exported as an image. Gantt control updates include schedule modes, segment spacing, and drag-and-drop connector line editing. In addition, tooltips are now supported for OLAP Grid, OLAP Client users can dynamically change chart types, and bubble legends are available for the Maps control.

NEW CALCULATE ENGINE

Essential Calculate allows you to add extensive calculation support to your business objects in JavaScript with high performance. Essential Calculate comes with a function library of more than 200 entries.

NEW COLORPICKER CONTROL

The ColorPicker control provides a rich visual interface for color selection. Users can select a color from professionally designed palettes, or they can create a custom color. The active color can be changed to the color under the pointer by simply clicking.

ColorPicker Control
ColorPicker Control
ColorPicker Control
ColorPicker Control

NEW LISTBOX CONTROL

The ListBox control provides a list of options for users to select from. It can include HTML elements, such as images, text boxes, check boxes, and radio buttons. It also supports data binding, template options, and multi-selection options.

ListBox Control

NEW LISTVIEW CONTROL

The ListView control provides an interface for easily navigating hierarchical data. It includes data binding and templates, as well as several other features.

ListView Control

NEW NAVIGATION DRAWER

The NavigationDrawer control provides an interactive content panel that slides from the left or right edge of a window.

NavigationDrawer Control
NavigationDrawer Control

NEW RADIALMENU CONTROL

The RadialMenu control provides a circular context menu presenting menu items in a semi-circular arrangement around a center button.

RadialMenu Control
RadialMenu Control

NEW REPORTVIEWER CONTROL

Now reports can be viewed, printed, and exported in HTML 5. Draw data from SSRS to update reports within the control. Use the DocumentMap feature to navigate reports quickly and easily.

Report Viewer
Report Viewer
Page Navigation UI
Page Navigation UI

NEW RIBBON CONTROL

The Ribbon control supports application menus, buttons, split buttons, drop-down menus, and contextual tabs. Elements can be grouped and expanded and collapsed as needed. Elements can be grouped and separated by using group separators.

Ribbon Control

NEW TILE CONTROL

The Tile control provides an interface to display and navigate items in tile view.

Tile Control

CHART CONTROL

3-D Chart Support

The column, bar, pie, doughnut, stacked column, and stacked bar chart types in the Chart control for JavaScript can be displayed as 3-D charts. These charts can be rotated programmatically or by clicking and dragging, their depth can be customized, and certain series can be plotted side by side or one in front of the other.

column-chart
3-D Column Chart
doughnut-chart
3-D Doughnut Chart
pie-chart
3-D Pie Chart
stacking-column-chart
3-D Stacking Column Chart

Custom Series Legend Icons

Chart legend icons can be customized to match the type of chart series they represent. For instance, a column chart series can be represented as a small column icon, a spline chart series can be represented as a small spline icon, and so on. This is especially useful when working with multiple chart types in a single chart area.

Column and Line Series Legends
Column and Line Series Legends
Pie Series Legends
Pie Series Legends
Bar Series Legend
Bar Series Legend
Doughnut Series Legend
Doughnut Series Legend

DIAGRAM CONTROL

Editable Connectors

The paths of straight and orthogonal line connectors can be edited using control points that can be added at any point on a connector.

Editable Connector
Editable Connector

Export as Image

Diagrams can be exported as PNG, BMP, or JPEG images.

Localization

The language displayed in user interface elements in the Diagram control can be localized for different cultures.

Diagram with Localized Context Menus
Diagram with Localized Context Menus

Overview Control

An overview control has been added to the Diagram control for JavaScript, giving users a way to easily zoom in and pan a diagram. It provides a small view of the entire diagram and a resizable box that defines the view in the diagram page.

Overview Control
Overview Control

GANTT CONTROL

Drag-and-Drop Connector Line Editing

Connections between tasks can be created by dragging the connector line from one task to another.

Connector Line Linking Related Tasks
Connector Line Linking Related Tasks

Schedule Modes

The Gantt control can be customize to display different time modes. Options include year, month, week, and day.

Week Mode
Week Mode
Month Mode
Month Mode
Year Mode
Year Mode

Segment Spacing

Spaces can be created between chart segments. The size of these spaces can be customized.

Spaces Added Between Bars
Spaces Added Between Bars

Task Start and End Dates

The start and end dates for tasks can be customized in the Gantt control. Choose between an 8-hour view and a 24-hour view.

Start and End Dates
Start and End Dates

GRID CONTROL

Continuous Virtual Scrolling

New pages are automatically loaded when scrolling through the grid.

Virtual Scrolling
Virtual Scrolling

Grid Exporting

Users can export grids to Excel, Word, and PDF. Exporting opens the grid in the selected program by default.

Grid to Export
Grid to Export
Grid Exported to Excel
Grid Exported to Excel
Grid Exported to Word
Grid Exported to Word
Grid Exported to PDF
Grid Exported to PDF

Excel-Like Filtering

The Grid control provides Excel-like filtering menus for sorting rows and columns. Custom filters can also be added.

Selecting Column to Filter
Selecting Column to Filter
Filter Menu
Filter Menu

Grid Printing

Users can open and print a printer-friendly version of a grid. Clicking the print button in the top left of the grid opens the print preview.

Print Button
Print Button

Pager Improvements

An alternate paging method enables users to jump to a specific page by typing the page number.

Option for Jumping to a Page
Option for Jumping to a Page

Cell Merging

Grid cells can be merged with other cells to cover multiple rows or columns.

Cell Merging
Cell Merging

Cell Selection Improvements

Selection options have been added to the Grid control to enable users to choose specific sets of cells. In cell-selection mode, individual cells will be highlighted when selected. In row- or column-selection mode, clicking a row or column header will select the entire row or column.

Single Cell Selection
Single Cell Selection
Multiple Cell Selection
Multiple Cell Selection
Column Selection
Column Selection

Grid Column Selector

Users can select which columns are displayed in a grid by opening a drop-down list and checking the columns to display. A search bar is also provided for custom filtering.

Selecting Columns to Display
Selecting Columns to Display

MAP CONTROL

Bubble Legend

Use color-coded bubbles and an associated legend to create an overlay with the Map control.

Bubble Legend
Bubble Legend

FILTERED TREE VIEW IN OLAP CUBE

Bubble Legend

This feature allows users to filter 16 default OLAP cube dimensions based on relevance by selecting from a drop-down list. Only the features relevant to the selected group will be displayed in the cube.

Filtered Tree View
Filtered Tree View

OLAP CLIENT

Dynamically Changing Chart Types

Users can now dynamically change chart types in the JavaScript OLAP Client. The default chart type is column.

chart-types
OLAP Tooltip
chart-types
OLAP Client
chart-types
OLAP grid

OLAP GRID

Tooltip for Grid

Tooltips can be used to display hidden information about a grid cell.

GridToolTip
GridToolTip
OlapGrid
OlapGrid

SCHEDULE CONTROL

Horizontal Layout

Schedules can be organized a in a convenient horizontal layout. Use drag-and-drop capabilities to easily reorganize appointments. Use color coding to label appointments for easy grouping.

Horizontal View
Horizontal View
Horizontal View with Grouping Enabled
Horizontal View with Grouping Enabled
Multiple Appointments
Multiple Appointments

Agenda View, Categories Search, and Zoom Appointments

Users can exert greater control over schedules with a new view-and-search tool that searches for and zooms to specific appointments in a schedule.

Appointment Search
Appointment Search

Export and Print Support

Schedules can be exported and printed, allowing users to print the entire schedule or individual appointments.

Print Schedule
Print Schedule
Print Appointment
Print Appointment