What’s New: Essential Studio User Interface Edition, 2011 ......What’s New for 2011 Volume 1:...

What’s New Essential Studio User Interface Edition

What’s New for 2011 Volume 1: Essential Studio User Interface Edition

2 | P a g e

Table of Contents ASP.NET ......................................................................................................................................................................... 3

Essential Tools ........................................................................................................................................................... 3

Scrolling Static Menu Items .................................................................................................................................. 3

Highlighting Selected Items .................................................................................................................................. 3

Upload Control: Integrated Pipeline Mode ........................................................................................................... 3

Maintaining Selection on a Static Menu ............................................................................................................... 3

Leaving a Menu in an Expanded State .................................................................................................................. 4

Essential Schedule ..................................................................................................................................................... 4

Dragging Recurrence Appointments ..................................................................................................................... 4

Enhanced Recurrence Patterns ............................................................................................................................. 5

ASP.NET MVC ................................................................................................................................................................ 6

Essential Grid ............................................................................................................................................................. 6

Frozen Rows and Columns .................................................................................................................................... 6

JSON Mode............................................................................................................................................................ 6

WPF ............................................................................................................................................................................... 7

Essential Grid ............................................................................................................................................................. 7

Improved Data Template ...................................................................................................................................... 7

Column Chooser .................................................................................................................................................... 7

Essential Tools ........................................................................................................................................................... 8

Range Slider Themes ............................................................................................................................................. 8

Themes for Buttons .............................................................................................................................................. 9

VS 2010 Themes in WPF ..................................................................................................................................... 10

Essential Chart ......................................................................................................................................................... 11

Property Dialog Revamp ..................................................................................................................................... 11

Chart Serialization ............................................................................................................................................... 12

Silverlight..................................................................................................................................................................... 14

Essential Grid ........................................................................................................................................................... 14

Improved Data Template .................................................................................................................................... 14

Essential Tools ......................................................................................................................................................... 14

New RichTextBoxAdv control .............................................................................................................................. 14

Blend Theme for Ribbons.................................................................................................................................... 15

VS 2010 Themes for Silverlight ........................................................................................................................... 16

Windows Forms .......................................................................................................................................................... 18

Essential Grid ........................................................................................................................................................... 18

Office 2010 Themes ............................................................................................................................................ 18


3 | P a g e

ASP.NET

Essential Tools

Scrolling Static Menu Items When a large number of menu items have been added to a menu, scroll arrows can be automatically set so the items can be scrolled. The position of the scroll arrows can also be customized.

Static Menu Scrolling

Vertical Scroll Arrows to the Left

Vertical Scroll Arrows to the Right

Vertical Scroll Arrows in the Center

Highlighting Selected Items Now you can select an item, navigate to the selected item’s page, and still see the selected item highlighted in the menu, reminding you which item was selected.

Selected Menu Item

Upload Control: Integrated Pipeline Mode The Upload control now supports an IIS7 default pipeline mode, featuring both Classic and Integrated Pipeline modes, without changing any default settings in IIS7.

Maintaining Selection on a Static Menu When a static menu has more than one level, a selected menu item will remain highlighted after the pointer moves to other menu items. The menu can also be configured to remain expanded after the pointer departs.


4 | P a g e

Leaving a Menu in an Expanded State When a static menu has more than one level, a selected menu item will remain highlighted after the pointer moves to other menu items. The menu can also be configured to remain open after the pointer departs.

Essential Schedule

Dragging Recurrence Appointments The drag-and-drop function gives you an option for easily editing an appointment’s start time and end time. Now, if a recurrence appointment is dragged, you will have an option to edit the whole series of appointments, or to edit the specific appointment only.

Dialog when Dragging

a Recurrence Appointment


5 | P a g e

Enhanced Recurrence Patterns Recurrence appointments are useful when scheduling appointments that occur at regular intervals. These patterns are mainly classified as daily, weekly, monthly, and yearly. Now, each of these main patterns has been further classified into sub-patterns similar to Outlook.

Schedule Dialog to Add or Edit Appointments


6 | P a g e

ASP.NET MVC

Essential Grid

Frozen Rows and Columns Rows and columns can be frozen, to the left or to the top of a grid, so they are always visible when scrolling through a large number of cells. This feature can be used to ensure that readers always see row and column headers, and it can help you keep important non-header rows and columns in view.

Summary rows can also be frozen so they will always be visible at the bottom of a grid.

JSON Mode JSON (JavaScript Object Notation) is a light data-interchange format for serializing structured data. It defines a small set of formatting rules for a portable representation of such data. New to Essential Grid for ASP.NET MVC, JSON mode supports paging, sorting, filtering, grouping, editing, column formatting, custom formatting, and summaries.

JSON mode uses JQuery templates internally to bind a data source to grid content. It also provides events on the client side for formatting cells and inserting templates.

With this approach, data is only updated from the server-side, and the Grid control is rendered on the client side with updated data, thus increasing performance, user interaction, and enhancing security.


7 | P a g e

WPF

Essential Grid

Improved Data Template You can now utilize data templates in Essential Grid better than ever. The CellItemTemplate and CellEditTemplate properties have been added, allowing cells to host two templates—one in normal mode and another in edit mode. You will also find that data-template cells are easier to select and navigate.

Data-Template Cell

Column Chooser When GridDataControl is defined with visible columns, you may find that some of the columns are not included. The column chooser enables you to add or remove columns from a view simply by dragging and dropping them.


8 | P a g e

Column Chooser

Essential Tools

Range Slider Themes Nine basic themes have been added for the RangeSlider control—Office 2007 and 2010 Blue, Black, and Silver, Office 2003, Blend, and Visual Studio 2010.

Slider in Office 2007 Blue Slider in Blend

Slider in Office 2010 Blue

Slider in Shiny Red


9 | P a g e

Themes for Buttons New themes are now available to enhance the look and feel of the ButtonAdv control. The new themes include Office2007, Office2010, Blend, ShinyRed, and ShinyBlue.

Button Skins

Drop-Down Button Skins


10 | P a g e

Split-Button Skins

VS 2010 Themes in WPF Now Essential Grid, Schedule, Chart, and Gauge for WPF can don sleek, new Visual Studio 2010 skins.

Chart in VS 2010 Theme

Gauge in VS 2010 Theme


11 | P a g e

Grid in VS 2010 Theme

Schedule in VS 2010 Theme

Essential Chart

Property Dialog Revamp The Property dialog helps you customize the values of the Chart control’s properties at run time. Now the Property dialog has been revamped to adhere to the MVVM model.


12 | P a g e

Property Dialog

Chart Serialization Chart serialization is the process of converting the state of a chart into a form that can be persisted or transported. The complement of serialization is deserialization, which converts a stream into a chart object. Together, these processes allow data to be easily stored and transferred.

You can share an object between different applications by serializing it to the Clipboard, and you can serialize an object to a stream, to a disk, to memory, over the network, and so forth.


13 | P a g e

Chart Serialized in XAML


14 | P a g e

Silverlight

Essential Grid

Improved Data Template You can now utilize data templates in Essential Grid better than ever. The CellItemTemplate and CellEditTemplate properties have been added, allowing cells to host two templates—one in normal mode and another in edit mode. You will also find that data-template cells are easier to select, navigate, and align.

Data-Template Cell

Essential Tools

New RichTextBoxAdv control The RichTextBoxAdv control has been added for Silverlight, allowing you to edit and format content using advanced text and paragraph formatting features. With this new control, text can be aligned; images and UI elements can be inserted; bullets and numbering can be added to lists; text can be cut, copied, and pasted; and built-in command support can be utilized.


15 | P a g e

RichTextBoxAdv Control

One of the more attractive features of the RichTextBoxAdv control is ribbon support. The RichTextRibbon control has built-in commands that will execute the functionalities of the RichTextBoxAdv control when the data context is set.

Rich-Text Ribbon

Blend Theme for Ribbons Blend themes are now available for the Ribbon control, allowing you to give your control the look and feel of Expression Blend.


16 | P a g e

Blend Theme Applied to Ribbon Control

VS 2010 Themes for Silverlight Now Essential Grid, Schedule, Chart, and Gauge for Silverlight can be enhanced with the appearance of Visual Studio 2010.

VS 2010 Theme Applied to a Chart


17 | P a g e

VS 2010 Applied to Gauge VS 2010 Applied to Grid

VS 2010 Theme Applied to a Schedule


18 | P a g e

Windows Forms

Essential Grid

Office 2010 Themes Now, you can apply Office 2010 themes to grid controls: GridControl, GridGroupingControl, GridDataBoundGrid, and GridListControl.

This provides a grid with an Office 2010 Excel-like appearance. Grid scrollbars and embedded controls will also possess the selected look and feel. Even interactive operations such as mouse hovering and clicking will mimic Office 2010.

Selecting an Office 2010 Visual Style

What’s New: Essential Studio User Interface Edition, 2011 ......What’s New for 2011 Volume 1:...

Documents

Transcript of What’s New: Essential Studio User Interface Edition, 2011 ......What’s New for 2011 Volume 1:...