What is Wijmo 5?
— Param Kahlon, General Manager, Microsoft Dynamics CRM Engineering
Read more about Microsoft Dynamics and Wijmo 5
Why Wijmo 5?
Wijmo 5 was designed with mobile browser support built in from the start. Responsive layouts and touch support were major factors in the design and implementation of every Wijmo 5 control.
First Class Angular 1 and 2 Support
Wijmo’s Explorer Fully Supports the Angular 2. Read more.
Built on TypeScript
Highly Performant and Lightweight
With Wijmo 5 we had an opportunity to completely rethink and rewrite our controls. We have chosen to target modern browsers and this has enabled us to create the fastest and most lightweight controls in the market. Every control is optimized for size and speed. Plus, Wijmo 5 has no dependencies on any external libraries. It does not require jQuery, jQueryUI, or anything else. Create applications that load faster and are easier to deploy!
Browse, search, view source code and run all of our samples using the Wijmo 5 Sample Explorer.
Shows how to use all the controls in Wijmo 5, as well as the infrastructure shared by all the controls.
Shows how to perform common tasks with FlexGrid, our fast and flexible data-bound grid control.
Shows how to perform common tasks with FlexChart, our beautiful and easy-to-use chart control.
Shows how to perform common tasks with all the Input controls in Wijmo 5.
Shows how to get started with LinearGauge and RadialGauge, our smart and flexible gauge controls.
Shows how to get started with FlexPie, our flexible pie chart control.
What Our Customers Say
— Aaron Mendez, Manager of User Experience, Thomson Reuters
— BJ Jeong, Cisco
What’s New in Build 198
- Angular 2: tested against RC.4. Angular2 Info
- Angular 2: added support for Angular forms. The ngForms sample demonstrates the feature. The implementation is based on the *new* forms implementation from the @angular/forms module, instead of *deprecated* forms stuff from the @angular/common module. See the documentation on the new forms stuff here: https://angular.io/docs/ts/latest/guide/forms.html. The dynamic forms scenario described here https://angular.io/docs/ts/latest/cookbook/dynamic-form.html is supported as well. The ngForms sample includes the modified version of the Dynamic Forms example that uses Wijmo input components. Angular 2 ngForms sample
- Modified input controls to support the ‘for’ attribute of labels. The control modifies the for attribute from targeting the host element so they target the inner input element instead. The InputDate will automatically set the id to its inner input element to ‘inputDate.input’ and will switch the “for” attribute of the label to target the input element instead.
InputLabels sample | Building Great Web Forms with Wijmo blog
- Added a new WealthHealth sample to demonstrate dynamic charts. Based on a popular data visualization for the health and wealth of nations. WealthHealth sample | Creating Amazing Dyanmic Charts Using Wijmo blog
- Rewrote parts of the XLSX module to no longer include xlsx.js dependency. This allowed us to remove the restricitve Microsoft copyright and license.
- Added a few class names to FlexGrid elements to enable more flexible CSS-based styling. The new class names are:
- wj-elem-collapse Element that holds the expand/collapse glyphs in group rows
- wj-elem-dropdown Element that holds the drop-down glyph in data-mapped cells
- wj-elem-filter Element that holds the filter glyph in column headers
- Added a “wj-autocomplete-match” class to define the default style used for highlighting AutoComplete matches (can be overridden by the cssClass property).
- Added an AutoComplete.searchMemberPath property that allows you to specify item properties to use when searching (in addition to displayMemberPath).
- Added an ‘isReadOnly’ property to all input controls (DropDown, InputNumber, Calendar). This prevents users from changing the value, but still allows selection, focus, and events. It is equivalent to the ‘readonly’ property in HTML input elements, but also prevents editing with the mouse (drop-downs, buttons, wheel).
- Added a selectionMode property to the InputDate and Calendar controls to allow selecting months rather than specific days.
- Added specific class names to derived controls (for example, the ComboBox control host element now has class wj-combobox in addition to wj-control and wj-dropdown).
- Improved CSS to keep InputDate calendar width constant as the user navigates months in IE.
- Added undo/redo processing for inserting/removing chart in FlexSheet. (TFS 191085)
- Added a new ‘wj-state-empty’ class to controls that contains empty input elements. This class can be used in CSS selectors along with the wj-state-focused class.
- Allow empty strings on masked inputs when “isRequired” is false.