WebEssentials 4 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 innovative UI components, WebEssentials 4 leverages the latest web technologies and front-end trends optimized for modern browsers like Chrome, Safari, and Edge. The new WebEssentials lets you easily create professional-looking 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 more than hundreds of UI elements available in WebEssentials. 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 WebEssentials 4. Click the links below to jump to the section of your interest.
Unified Theming Support
In this release, WebEssentials 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 WebEssentials. Building on the new unified theming framework, WebEssentials' new theme leverages the most popular CSS framework, Bootstrap. Unlike previous versions, WebEssentials automatically uses shared/common styles when the unified theming feature is enabled. When the common styles are modified, WebEssentials and the other WebUI components that present similar semantic will be automatically updated.
At a glance, the WebEssentials modern theme key highlights are:
- 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
- Includes 150+ SVG icons designed exclusively for WebUI Studio
The following screenshots show a basic of every WebEssentials controls in action with the new modern theme.
WebAccordion is a collapsible content panel featuring a modern minimalist style and silky-smooth expand/collapse animation. Take advantage of its tight integration with the Visual Studio IDE to easily add new items and set their content directly, or use IFrame mode to host external pages in WebAccordion items.
WebCalendar provides a fast, convenient way to navigate by date and select dates and date ranges.
WebExpander eases the burden of managing lengthy content by dividing it into multiple smaller sections. Use its customizable layout and diverse expansion modes to create a unique, personalized appearance that complements your Rich Internet Applications.
Using text, images, or both, WebListBox unleashes your inner creativity, allowing you to build eye-popping vertical navigators. A rich set of predefined themes provides an endless variety of choices bound to suit every website. For more exacting applications, a comprehensive set of style and layout properties enables you to create navigation set to your own precise specifications in mere minutes.
Whether your preference is vertical or horizontal, WebProgressBar provides an elegant progress indicator for your Web application.
WebRating is a powerful and stylish addition to your blog or forum, or any Web applications that require an interactive user rating capability.
WebRibbon is a business-oriented ASP.NET ribbon UI control which is comprehensive, fast and easy to use. WebRibbon is part of Intersoft WebEssentials family that provides common ribbon functionality similar to the ribbon in Office applications. It consists of application menu, ribbon tab, group and group item. WebRibbon enables you to easily create rich Ribbon-friendly applications where application functions are neatly organized and related commands are grouped together.
With its fully customizable orientation and slide direction, WebSlider makes it a breeze to add a unique slider input control, tailored precisely to your application’s needs.
Easily build sophisticated hierarchical navigation systems with WebSlidingMenu. This powerful component can host virtually unlimited items in the most complex structures. Its advanced Load-on-Demand technology provides high performance with minimal overhead by intelligently requesting items just before your users need them.
For more information about the theme features and how to apply the theme in your web projects, see WebEssentials Theming Overview. To see the complete style reference available in the Modern Theme, see WebEssentials Modern Theme Style Reference.
Support Bootstrap Semantics
Some of WebEssentials components such as WebProgressBar, WebRating, WebSlider, and WebSlidingMenu supports Bootstrap's contextual classes as you can vary its colors. For complete theming guide, see WebEssentials Theming Overview.
Latest Browser Support
WebEssentials 4 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: