WEBIX BLOG

Today our team is happy to announce the release of Webix 1.7 that includes a new appealing default skin, support for multiselect on touch devices, some UI improvements and bug fixes.

A new skin looks and runs great on both desktop and mobile devices. It is styled in a flat design that will make your web apps look trendy and user-friendly.

The main colors of Webix 1.7 skin are sky blue, snow-white ( the color of background), bright green (the color of controls and selection) and dark grey. This color palette reflects the vibrant colors of spring nature that will cheer up your users. To evaluate the flat skin please check our Webix demo.

NodeJS is one of the hottest programming technologies. It allows creating fully functional web apps in a few lines of code. What is more, apps on NodeJS platform can be made completely in JavaScript. Using the same language on client and server side gives us real bonuses.

Let’s see how the client-side code based on Webix UI can be connected to a database with the help of NodeJS.

Good news! The installation of Webix is becoming easier. From today the library can be installed with the help of NuGet or Bower dependency management tools.

Nuget

NuGet is a package manager for the Microsoft development platform. You can install Webix by executing the following command line:

If you are a user of Microsoft Visual Studio, you should run the next command from Package Manager Console:

JavaScript UI library Webix allows redefining the appearance of many elements through templating. For example, in tree view we can define the look of item through the following template:

Here you can see the two main components of webix templates: common helpers and property placeholders. Common helpers are predefined pieces of logic which renders some common elements (tree icon in the above case). Property placeholders are markers that will be replaced with data from related data object.
By using html tags in the template we can change the look of component in many ways.

Today we are thrilled to announce a new version of Webix.

Webix 1.6 runs properly on Windows 8 touch devices and supports drag-and-drop operations on all kinds of touch devices. Version 1.6 also brings several UI improvements and enhancements in server-side integration.

Windows 8

After improving the work of the library on iOS and Android mobile devices we’ve passed on to enhancement of Webix support for Windows 8 touch devices.

Now you can develop web apps that support Windows 8 touch devices and show high performance.

Modern project managers need a fast and easy-to-use tool that will allow them to manage projects: add new tasks, set time limits for them, create different relationships between the set tasks and etc.
Update of October 8, 2020

With the release of Webix 8.0 the original JavaScript Gantt Chart component has become available. Now Webix users can enjoy the native Webix Gantt. This component is created according to the canons of the Webix framework and it is intended for the integration into any business applications regardless of their architecture and system platform. 

If you want to add JavaScript charts with main Pivot Table functions to your web app, you can use Webix Pivot Chart. This powerful component shows data series, categories and chart axes the same way a widget JavaScript Charts does and provides you with interactive filtering controls for quick dataset analyzing.

Pivot Chart delivers various types of charts: line and spline chart, area chart, bar chart, pie chart, 3d pie chart, donut chart, scatter chart, and radar chart.

Please note that the article is outdated. There is a new article on the integration of Webix with dhtmlxScheduler.

All the working processes are connected with making plans and their fulfilling. To organize events and appointments or to manage and track the ongoing tasks, managers can use an interactive dhtmlxScheduler.

dhtmlxScheduler is a JavaScript multifunctional event calendar that allows adding a Google-like scheduler into your web app. It can create events, show a schedule for a day, week and month, display locations associated with the calendar events, display recurring events.

Nice news! You can easily use Webix with the above useful planning tool. This integration will empower your web apps with the multiple features of Scheduler leaving all great Webix functions.

Moreover, you don’t need to write tons of code to add Scheduler into a Webix app. You can use Scheduler as any other Webix component.

One of the main Webix features is the ability to run correctly on both desktop and mobile devices. So it means that you can develop one web app which supports multiple platforms.

We are constantly improving the above functionality. Thanks to the efforts of our professional team, starting from version 1.5, Webix mobile web apps look and perform on touch devices even better. To evaluate the positive changes that were implemented, check this demo with a new skin on your mobile device.

An Interactive tutorial is an easy-to-use and demonstrative way to learn JavaScript libraries from scratch. Developers may read the guide, code in the neighboring block and preview the results on the same page. All the mistakes that are made by “JavaScript students” are highlighted at once so that you can correct them.

Webix presents several detailed interactive tutorials that are divided into the following topics: a general tutorial for beginners, DataTable tutorial and Form controls guide.