WEBIX BLOG

We’ve decided to collect top 10 Webix blog posts for 2014 in one review article. Here you’ll find out how to create a Web Chat or mobile app with our library or how to optimize your working process by means of handy Kanban board widget. Moreover, in these range of articles we are talking about using Webix with NodeJS, DND within widgets and about many other.

Using JavaScript Library Webix with NodeJS

NodeJS is a programming technology that allows creating server-side applications in several code lines. By the way, you can make web apps on NodeJS platform fully in JavaScript, which is a significant advantage. Fortunately, Webix components are compatible with this technology!

This article will tell you about the simplicity of connecting Webix UI to a database with the help of NodeJS. Moreover, you can use the same server-side code for any Webix component and with any data.

Read more

We are glad to present you a new Webix widget Kanban Board. This is a tool that allows tracking the work flow and change it on the go according to the requirements. Thus, you will develop all your products Just-in-time.

Moreover, Kanban displays the work processes in a transparent way. It allows team members to know what they should be working on, track the workload level of each participant and, as a result, be aware of the real state of project development.

With Webix Kanban, you’ll get the entire idea of your business process and will be able to achieve amazing operational results in terms of quality and performance.

If you would like to get Webix Kanban Board, please go here.

We are glad to inform you about the update of Webix to version 2.1. This release presents a wide range of features. Most of them are aimed to improve the current compatibility of the Webix widgets with frameworks, libraries and browsers. Version 2.1 also includes some UI improvements and general bug fixes.

Compatibility with Bootstrap

Since version 2.1, Webix runs with Bootstrap, a popular HTML, CSS, and JS framework, even better, which allows you to build nice web apps which contain beautiful elements.

It is hard to imagine a modern life without planning both business and personal events. We can use desktop calendars, datebooks, web apps for such purposes. But the most convenient calendar is the one that is always at hand – a mobile calendar. JavaScript Scheduler is a JavaScript and HTML5 event calendar adapted for mobile devices.

This web calendar allows creating easily editable single- and multi-day events. To edit an event, you simply need to click on it and make the necessary changes in the “Edit” form. To change the start and end dates you should click on the corresponding form field and then select the date in the calendar.

Webix Scheduler has 3 basic views: Day, Week and Month. It is possible to navigate between them by clicking on calendar tabs.

We would like to present a new mobile application built with Webix that works brilliantly on devices running Firefox OS.

“Firefox OS app built with Webix “Don’t forget” is a handy grocery list app that significantly simplifies your shopping. It allows you to create and manage shopping lists.

Webix features the drag-and-drop functionality that is available not only for desktop but also for mobile devices.

The library allows making drag-and-drop operations within a widget itself as well as between a few different widgets or even between the same widgets. In this article it goes about drag-and-drop operations within Webix data management widgets.

Learn how to implement this functionality with ease.

Drag-and-drop modes

Firstly, make sure that both target and source widgets have the drag property set to true. Basically, it is enough to enable drag-and-drop.

Good news from Webix team! The release of new Webix 2.0 is ready! It is a serious version number that’s why we’ve prepared lots of useful updates for you.

Enhanced DataTable

Most Webix widgets have been updated but DataTable has undergone the greatest improvements . Let’s start with it.

Now it has such cool features as:

• Rowspan and Colspan
• Header menu
• Advanced editors
• Grouped columns
• Saving current state
• Advanced filter
• Vertical header
• Custom height for footers and headers

It is believed that one of the most boring tasks in web-development is a form creating. Nowadays nearly any web app contains at least one form inside. The process of creating them over and over again isn’t much fun. That’s why we have created Form Builder.

This tool is intended to speed up the process of form creating. You just need to define the necessary fields as well as the desired form layout and then customize the auto generated form through the visual editor.

Today it is the time for our monthly Webix updates. This new version 1.10 doesn’t include any great features for now, only a few bug fixes and small updates. You can check the full list of changes here.

Though we can’t boast an abundance of new features, we still have two major news:

• starting with version 1.10 Webix is IE12 ready. Despite this version of IE hasn’t been released yet, all widgets of Webix UI already support it.
• we have updated the documentation. Now it includes more articles, less typos and new mobile-friendly design. We hope that you’ll evaluate the look of our new documentation as well as its enhanced usability.

Download the latest version of Webix via this link.

Despite it is summer and the thermometer says it’s time go at the seaside we are actively preparing for the release of Webix 2.0. There a lot of plans for the next library version and we implement them little by little.

In general, the new version 2.0 will deliver an improved performance, plenty of new features, UI improvements and a smoother behaviour. In this article it goes about a few of them.

Multi-text Inputs

With Webix multi-text inputs, it will be possible to create a form where a user will be able to add multiple entries dynamically and submit them simultaneously.

On pressing ‘+’ icon, an additional text input will be created and added to the form. And on pressing ‘-‘ icon, the input will be removed.