WebCombo 7 is a major release that sports a completely redesigned user interface based on the new Unified Theming framework introduced in the WebUI Studio 2016 release. Building on its advanced features, WebCombo 7 leverages the latest web technologies and front-end trends optimized for modern browsers like Chrome, Safari, and Edge. The new WebCombo lets you easily add advanced data combobox functionality to your ASP.NET web project with simple drag-drop, while delivering beautiful design that naturally suitable to modern web applications today.
More importantly, this release adds a new modern theme that you can apply with the simplicity of xcopy. Beyond just basic styling, the modern theme includes comprehensive styling for all WebCombo user interface, as well as adding support for Bootstrap validation styles. In addition, this release provides full support for latest major browsers including Internet Explorer 11, Edge, Safari for Mac, Chrome 47 and Firefox 42.
This page guides you through the new features and enhancements available in WebCombo 7. Click the links below to jump to the section of your interest.
Unified Theming Support
In this release, WebCombo has been significantly enhanced to fully support unified theming capability introduced in WebUI Framework 4. In general, these are the key area of improvements to support unified theming:
- Inline styles are now removed in favor to CSS styles which reduce markup and page output in overall.
- Instance-level styles and default stylesheets are no longer rendered, enabling the page to load much faster.
- Provide attribute-based states for streamlined styling through CSS3 selectors.
- Enhanced both server-side and client-side rendering to support modern HTML5 and CSS3 markup/syntax.
For more information, see Unified Theming.
New Unified Modern Theme
One of the biggest updates in this release is the introduction of brand-new modern theme for WebCombo. Building on the new unified theming framework, WebCombo's new theme leverages the most popular CSS framework, Bootstrap. Unlike previous versions, WebCombo automatically uses shared/common styles when the unified theming feature is enabled. When the common styles are modified, WebCombo and the other WebUI components that present similar semantic will be automatically updated.
At a glance, the WebCombo modern theme key highlights are:
- Based on Bootstrap 3.3
- Written in SCSS language
- Redesigned with clean and modern styles
- Meticulously designed, pixel-perfect styling on over 100+ elements and editors
- Control resources now use scalable vector graphic (SVG) in favor to low-res images
The following screenshot shows a basic WebCombo in action with the new modern theme.
For more information about the theme features and how to apply the theme in your web projects, see WebCombo Theming Overview. To see the complete style reference available in the Modern Theme, see WebCombo Modern Theme Style Reference.
Support Bootstrap Semantics
WebCombo 7 now also supports Bootstrap semantics such as size classes, contextual styles, form group, and validation styles.
These styles can be implemented to the new WebCombo by adding the desirable class to WebCombo's FrameStyle. For more information on how to apply them, see WebCombo Theming Overview.
New ValidationState API
WebCombo 7 supports built-in validation styles available in the WebUI unified theme and also adds integration to ASP.NET validators. When the associated validator returns an invalid result, WebCombo automatically updates its styles with an error style. Likewise, the styles will be updated accordingly when the input satisfies the validators. In addition, WebCombo also introduces OnValidate client-side event which will be invoked whenever the validator is performing validation on the WebCombo control. WebCombo also provides a new SetValidationState API allowing you to change the contextual color programmatically.
These new API allows you to implement custom validation process. For instance, you might want to update the WebCombo with success contextual color when the validation returns a valid value. You can easily achieve this scenario by handling the OnValidate event to intercept the validation process, then call the SetValidationState method accordingly. Take a look at the example below.
Theme Support for Built-in ASP.NET Validators
The new WebCombo 7 also supports theme for ASP.NET validators, see the illustration below.
To apply these styling, set the validator's CssClass property to the desired class, for complete information, see WebCombo Theming Overview.
Latest Browser Support
WebCombo 7 has been significantly improved to support the following browsers:
- Internet Explorer 11
- Safari Mac 9.0
- Chrome 48
- Firefox 44
Updates and fixes in this release
This release includes the following updates and bug fixes:
|ASPNET-383||Improve Validation State||Closed||WebCombo|
|ASPNET-361||WebCombo (inside WebDesktopManager) dropdown button disappear after open result box.||Resolved||WebCombo|
|ASPNET-335||Support for latest browsers: IE11, Edge, Safari 9, Chrome 48 and Firefox 44||Closed|
|ASPNET-334||Major stability and reliability improvements, smoother animation.||Closed|
|ASPNET-333||Support responsive design with Bootstrap size classes integration||Closed|
|ASPNET-330||New SetValidationState API and OnValidate client-side event.||Closed|
|ASPNET-313||Fix WebCombo for IE 8 Browser||Resolved||WebCombo|
|ASPNET-210||Unified modern style for WebCombo||Closed|