Webix
Developer(s) | XB Software Ltd. |
---|---|
Stable release | |
Type | JavaScript library |
License | GNU General Public License, Commercial |
Website |
webix |
Webix is a JavaScript and HTML5 framework for developing cross-platform data-rich mobile and desktop web applications.[2] The library is distributed under both open-source GNU GPLv3 and commercial licenses, and comes in Standard and Pro editions.[3] Webix is developed by IT outsourcing company XBSoftware, headquartered in Minsk, Belarus.[4]
Features
Webix offers a rich UI component set[5] with samples,[6] a skin builder, a forms designer,[7] and an online source code playground.[8]
Widgets
The open-source edition features 77 UI widgets. Professional versions add more widgets.
All data widgets support drag and drop, offline storage and synchronization when connectivity is restored, cross-browser and cross-platform support, and dynamic data loading and paging. They can be initialized from JSON data, HTML markup, XML data,[9] or via JavaScript calls.[10] Very large data sets (1,000,000 records) are supported.[11]
Version 3.4, released in July 2016, added Webix Remote for PHP and NodeJS, frozen rows in a DataTable, month and year pickers and four new sparkline types for DataTable and TreeTable.[12]
Version 4.0, released in September 2016, added keyboard navigation, special markup for screen reading software, "Contrast" skin, Angular 2 compatibility, updated spreadsheet, new Maps widget, DateRangePicker control and improved responsiveness.[13]
Version 4.1, released in November 2016, added Gage widget for creating dashboard gauges, Rich Text Form control for formatting text in a pair of clicks, dynamic charts and SplineArea charts.[14]
Integrations
Webix integrates with other JavaScript libraries (jQuery, AngularJS and Backbone.js),[15] with the Handlebars templating system,[16] and with the Bootstrap CSS framework.[17] It ships with the Font Awesome icon set. Started from 4.0 release Webix is compatible with Angular 2 framework.[18]
Widgets can load data from and save data to any server via REST APIs.[19][20] Live data updating is possible using the Faye publish/subscribe messaging system, which in turn is based on the Bayeux protocol by the Dojo Foundation and can use WebSockets as a transport.[21]
Third party widgets (e.g. maps, WYSIWYG editors) can interoperate with Webix as well.[22] In addition to DHTMLX and its widgets,[23] Webix integrates with:[24]
- WYSIWYG text editors (CKEditor, TinyMCE, NicEdit, Mercury) and syntax highlighting code editor CodeMirror[25]
- charting components D3.js, Raphaël, SigmaJS and JustGage
- Google Maps, Nokia Maps, OpenStreetMap, and Yandex Maps
- Meteor.js[26]
Webix is friendly to DHTMLX project, and its components resemble DHTMLX ones. Views from both libraries can co-exist on the same page.[27]
Themes
Webix ships with several themes,[28] and a basic skin builder for altering the color scheme, fonts, and control element sizes.[29] Skins can be changed by specifying a different theme CSS file.[30]
See also
- JavaScript
- Ajax (programming)
- Comparison of JavaScript frameworks
- List of JavaScript libraries
- List of widget toolkits
External links
References
- ↑ "Webix releases".
- ↑ Narayanaswamy, Anand (26 September 2014). "Webix JavaScript UI Library Helps to Build Cross Platform HTML5 and CSS3 Applications".
- ↑ "Licenses". Webix. Retrieved 19 December 2014.
- ↑ "Contact us". Webix.
- ↑ "Webix Components".
- ↑ "Webix samples".
- ↑ "Nie wieder Formulare von Hand coden: Webix-Form-Builder will die Webentwicklung vereinfachen". t3n.de.
- ↑ "Development Center". Webix.
- ↑ "Markup". Documentation. Webix.
- ↑ "Quick start". Webix.
- ↑ Kozhukh, Maksim (August 29, 2013). "Webix Grid - 1 000 000 Rows and More". Webix.
- ↑ "Webix 3.4 released".
- ↑ "Meet Webix 4.0 with 4 big changes".
- ↑ "Webix 4.1 with new Gage widget and functionality for Internet of Things (IoT)".
- ↑ Lindorenko, Veronika (13 November 2014). "Webix 1.2: Integration with AngularJS and Backbone.js". Webix blog.
- ↑ Kozhukh, Maksim (March 28, 2014). "Using Handlebars Templates with Webix UI".
- ↑ Lindorenko, Veronika (26 November 2014). "Webix 2.1: Improved Compatibility with jQuery, Bootstrap and Beyond". Webix blog.
- ↑ Maksimenko, Nickolay (27 September 2016). "Meet Webix 4.0 with 4 big changes". Webix blog.
- ↑ "REST Mode Support". Webix.
- ↑ Lindorenko, Veronika. "Creating Website Pages and Forms with Struts and Webix UI".
- ↑ "Websockets (Faye)". Webix.
- ↑ "Third party integration". Samples. Webix.
- ↑ "Integration with DHTMLX Components". Webix.
- ↑ "Components". Webix Hub. GitHub.
- ↑ "Webix integration with 3rd party components". Webix.
- ↑ "Webix package for Meteor". GitHub. Dan Dascalescu.
- ↑ "Integration with DHTMLX Components". Webix. Retrieved 21 December 2014.
- ↑ "Skins". Documentation / Samples. Webix.
- ↑ "Skin Builder". Webix.
- ↑ Laptick, Sergey (3 June 2015). "Introducing the Webix framework". SitePoint.