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.

Download WebCombo 7 today.

 



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.

<ISWebCombo:WebCombo runat="server">
	...
	<LayoutSettings>
		<ClientSideEvents OnValidate="WebCombo_OnValidate" />
	</LayoutSettings>
</ISWebCombo:WebCombo>
// OnValidate client-side event provides three parameters: 
// the control ID, the validator object, and the validator result
 
function WebCombo_OnValidate(controlId, val, isValid) {
	var control = ISGetObject(controlId);
	if (isValid) {
		control.SetValidationState("success");
	}
}

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
  • Edge
  • Safari Mac 9.0
  • Chrome 48
  • Firefox 44

 

Updates and fixes in this release

This release includes the following updates and bug fixes:

Since WebCombo 7 is a major release, the WebCombo updates are not available via Update Manager channel. Please install from the latest setup for the best development experiences which includes new project templates and other IDE enhancements.

 

Related Topics