WEBIX JAVASCRIPT LIBRARY BLOG

UI development best practices, front-end programming tips and news to speed up your Web development.

Follow us:

Write for us: learn about our guest posts guidelines.

Webix Kanban Board – Perfect Widget to Improve Your Workflow

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.

kanban board free

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

Webix 2.1: Improved Compatibility with jQuery, Bootstrap and Beyond

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.

webix compatibility with bootstrap

Webix Mobile Scheduler – JavaScript Event Calendar for Mobile Devices

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.

Webix Mobile Scheduler- basic views

Drag-and-Drop within Webix Widgets

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.

webix.ui({
    view:"treetable",
    ..//treetable config
    drag:true
})

1 2 3 6