Unlike the regular menus that you can create using the Menu Component, Mega Menus are big and wide enough to allow you place other components and widgets within them. Such a type of menus is widely used on the online shopping websites since it’s pretty easy to use them for navigation purposes.

Here’s an example of how these menu works:

Mega menu built with webix

The demo of the final mega menu with its source code is here.

In this article, we’ll create our own mega menu with Webix in a few easy steps.

Read more

As we know, web app development is a complex process that, on the one hand, consists of laborious work at the backend and, on the other hand, includes plenty of efforts while creating a nice-looking and responsive UI.

If you want to optimize the construction of your web applications, you need to find the best option for organizing your work with data as well as a fast and powerful js library for drawing app interface.

This variant can be implemented by using OData, an open data protocol for building RESTful API’s, and by adapting Webix UI library to its rules of requesting and modifying data.

Odata protocol

OData’s goal is to enable a broad access to data regardless of the way it is stored. It allows requesting and updating resources via HTTP commands and provides an entire query language directly in the URL.

Well, if you are reading this post, you probably know a lot about Webix. If suddenly no, you can find more info here. All in all, I can say that our users find it fast and easy.

twitter review of webix

Read more

Right after the release of Webix 2.5 we’ve updated our online developer tool Webix Skin Builder. Since this upgrade, it has an built-in Material skin and small UX enhancements.

For those who haven’t used Webix Skin Builder yet, we’ll explain the practical use of this handy designer tool. It allows creating custom skins for the UI of your web apps as well as provides you with the existing set of skins.

Material Skin

When we’ve firstly announced the possibility to apply the Material skin to your web app built with Webix, the skin wasn’t included into the library package. To download it you had to go to the special repository and take the skin there. Now this skin is available right from our Skin Builder tool.

Webix Skin Builder

Webix Skin Builder will also delight you with an improved UI. Just check it to be sure that it works and looks better.

Read more

Kanban boards allow visualizing the workflow in an easy and intuitive way. And Webix has a tool that allows you to create your own Kanban Board.

There’s already a well written guide that describes how you can use the Webix Kanban Board widget. This time we’ll take a look at some tips and tricks you can use to customize the existing project management application.

Splitting the Columns

First of all, the basics. Here’s how you can create a simple Kanban Board:

    //the structure of columns on the board
        { header:"To Do",
          body:{ view:"kanbanlist", status:"new" }},
        { header:"Estimated",
          body:{ view:"kanbanlist", status:"estimated" }},
        { header:"In Progress",
          body:{ view:"kanbanlist", status:"work" }},
        { header:"Done",
          body:{ view:"kanbanlist", status:"done" }}
    //URL to the file with data collection
    url: "tasks.php"

And here’s the result:

Basic Kanban Board

Read more

We are glad to announce our small but effective and long-expected Webix update 2.5! First of all, we can boast of Microsoft Edge support. Despite this new browser for Windows 10 hasn’t been released yet, Webix widgets already support it. Secondly, we’ve improved our complex widgets such as Pivot and Kanban as well as added an opportunity to block time in Calendar widget. And the final traditional update is bugs fixing.

If you are too busy to read the whole post, you can download a new library version here.

Microsoft Edge ready

Since the version 2.5, Webix supports Microsoft Edge, which is a default browser for upcoming Windows 10. Microsoft has announced that it would have plenty of JS improvements over IE11 and similar performance to Chrome and Firefox browsers.

Webix with MS Edge support

Webix is MS edge ready, which means that your web apps will run flawlessly across a new cutting edge browser as soon as it is officially released (on July, 29).

Read more

  1. 1
  2. 2
  3. 3
  4. ...
  5. 15