HAPPY BIRTHDAY, WEBIX! 12 YEARS Read More Up to 25% OFF on licenses and complex widgets! Offer valid from July 7 to July 15!

WEBIX BLOG

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

The First Mobile App Built with Webix for Firefox OS

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

Firefox App Built With Webix

“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.

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
})

Webix 2.0 Released with Improved Performance

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

New Webix Developer Tool – Form Builder

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.

Webix Form Builder Tool

Webix 1.10: Fixes and IE12 compatibility

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.

updated webix documentation

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.

Webix 2.0 Preview: Multi-text Inputs, Extended Localization and Other Improvements

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.

webix mult-text inputs

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

Integrating Webix and Struts Website with Database

It is the last part of the tutorial that tells about developing a website by using Webix UI library and Java framework Struts 2. If you haven’t read the previous parts yet check the first and the second parts in the Webix blog.

Nowadays nobody is interested in static data. That’s why our website should be able to download a list of events and reports from database and save all the implemented changes. We will use the most popular database MySQL.

The database structure is simple. It is represented in the image below. We will use two tables for storing events and reports. Each record in the table “speakers” contains the event_id a certain report is related to.

webix and struts database

1 27 28 29 30 31 33