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 Gets NuGet and Bower Packages

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:

nuget install Webix

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

install-package Webix

Using Handlebars Templates with Webix UI

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:

webix.ui({
    view:"tree", data:tree_data,
    template:"{common.icon()} #value#"
});

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

Webix 1.6 : Full Support for Windows 8 Touch Devices and REST API

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.

win 8 DND

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.

DHTMLX Gantt Chart in Webix Web Apps

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.

DHTMLX Ganttis that very widget which has all the above mentioned features and even more. The uplifting news is that Webix can be used with DHTMLX Gantt Chart.

You can add DHTMLX Gantt Chart into a Webix app in a few lines of code. As a result, you’ll combine the features of both products in one powerful web app.


gantt chart+webix

Using Webix Pivot Chart for Data Analyzing

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

 

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.

1 28 29 30 31 32 36