Intersoft WebGrid Documentation
WebGrid.NET Component Designer 2.0
See Also Send comments on this topic.

Glossary Item Box

WebGrid.NET Enterprise 5.0 takes web development to a new level by introducing rich component designer to help developers easily configure the powerful and advanced settings available in WebGrid.

Based on Intersoft's state-of-the-art Component Designer 2.0 architecture, WebGrid.NET Enterprise 5.0 Designer is a highly advanced component editor delivering unmatched ease-of-use and streamlined user interface.

WebGrid.NET Enterprise® 5.0 Designer comes with 5 main tab-style interfaces such as shown in the following screenshot.

The main user interface of WebGrid Designer in version 5.0

 

Quick Start

The quick start page is the main access point of most popular settings to help you quickly getting started with WebGrid. By default, the quick start page is displayed automatically when launched from design surface.

The quick start page consists of 8 sub pages. The Data Source sub page is automatically displayed when the WebGrid does not have binding configuration yet. The Popular Settings sub page will be displayed when the WebGrid already has a valid binding configuration. This allows you to concentrate on WebGrid's customization based on its current state.

The new expandable and collapsible user interface allows you to quickly locate a feature. Most settings are presented in check box and radio selection interface which are designed to help you instantly enable or disable, or modify a feature with one mouse click.

The following image shows the screenshot of Popular Settings in Quick Start page.

 

Advanced

The Advanced page gives you complete control over the WebGrid configuration and its tables structure. While most main features can be easily enabled in Quick Start page, some advanced features such as column set display, self referencing, or other table-level settings can only be configured in Advanced page.

Combining the state-of-the-art Component Designer with streamlined user interface concept in WebGrid.NET Enterprise 5.0, the Advanced page also displays rich designer for several main objects such as WebGridTable and WebGridColumn. This results in sophisticated designer experience and dramatically increasing developer's productivity.

With rich designer, you can now easily modify advanced configuration. For instance, you can launch ColumnSet Wizard by clicking on Design ColumnSet button in this screen, instead of having to set related settings in several locations.

The following image shows the screenshot of Advanced page, while focused at a WebGridTable.


Thanks to the rock-solid Component Designer architecture that made rich designer experience possible, you can now instantly select an editing control for the selected column by simply clicking on the visual clue. No more tedious steps and lengthy procedure to use a custom editor such as Calculator or Html Editor.

The following image shows the screenshot of Advanced page, while focused at a WebGridColumn.




The following image shows the screenshot of Advanced page, when See all properties link is clicked. For advanced developer who preferred to browse all properties, here is the mode for you.

 

Layout Manager

The Layout Manager feature has been introduced since previous version of WebGrid.NET Enterprise. The feature was previously implemented in WebUI.NET Framework as part of Component Designer 1.0. Layout Manager is a powerful feature to let you easily apply from a predefined style as well as save your own style and reuse it later.

The Layout Manager in second generation of Component Designer has been much improved in many areas. It now has cleaner look and uncluttered user interface to bring you larger space for the preview.
You can easily preview a style before decide to apply it by simply clicking on Preview command. The preview is performed in real time and is showing the exact visual appearances as in runtime.
The following screenshot shows the new Layout Manager in Component Designer 2.0.

For more information, see:

Apply predefined Layout

Save current Layout

Apply saved Layout

Preview Layout

 

Structure Manager

Structure Manager is a new feature in WebGrid.NET Enterprise 5.0. This feature enables you to save the structure of an existing WebGrid in design-time. The structure includes table configuration such as columns, grouped columns, filtered columns as well as child tables.

Structure Manager allows you to preview an existing structure before you choose to apply it. This feature increases productivity by enabling developers to reuse a complex structure in multiple instances or projects.

With this feature, you can easily reuse a WebGrid's structure by applying the saved configuration in Structure Manager.

The following image demonstrates Structure Manager page in action.

 

Localization Manager

Localization Manager is a feature to help you configuring the language settings in WebGrid. In this new version, Localization Manager has been much improved with the adoption of clean and uncluttered user interface which results in better development experience and easier to use.

The improved Localization Manager also incorporates the new SmartWebResources™ feature in its user interface so that you can effortlessly configure resources and related language settings in one streamlined user interface.
Note that when the language resources are retrieved from SmartWebResources™, the WebGrid requires the main SmartWebResources™ setting to be enabled. This is the recommended setting in WebGrid.NET Enterprise 5.0 as well as other 2007 platform products. To learn more about SmartWebResources™ feature, see SmartWebResources Deployment.
The following image shows the main user interface of Localization Manager.


If you would like to use modified language file, or your own language file which is not shipped along with WebGrid, you need to use Physical Client Resources mode so that your language file can be retrieved through classic web client url.
When you used Physical Client Resources mode, you can manage the language list from the user interface. You can also customize the text entry in the Manage Language Files sub page.
The Manage Language Files feature lets you add or remove a language file, or customize the existing language file with your own customized text entry. 
The following image shows the Localization Manager with Manage Language Files sub page activated.

For more information, see:

Choose Language

Manage Language Files

Assign Localized Text

See Also

©2012 Intersoft Solutions Corp. All Rights Reserved.