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 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 2 3 4 6