WEBIX GRID IS HERE! LAUNCH OFFER: Read More 20% Off all Webix Grid licenses. Valid August 4 – September 3.

WEBIX BLOG

Top 5 Webix blog articles from January to May 2016: Part 2

Hi guys!

Today, we will continue highlighting the most useful articles for the newcomers that have been published in the first half of this year.

Webix blog

Webix TreeMap – Power of Visualization

Still don’t know how to visualize your data? With the help of Webix TreeMap we will show you how! Webix TreeMap is a powerful widget that can display hierarchical data on a proportional basis. It is interactive, easy to read and quick to analyze.

Top 5 Webix blog articles from January to May 2016: Part 1

Since the beginning of 2015 many useful articles have been published. In the meantime, a lot of new customers joined Webix. So, why not to refresh our memory (for those, who forgot) and to share (for those, who are new) 5 most interesting articles of the first half of this year.

Webix top-5

Navigate your way. Sidebar and Sidemenu

If you’re wondering how you can simplify navigation in your application, this article is definitely for you! Two extensions – Sidebar and Sidemenu will make your life easier during application navigation. While having similar appearance, they differ in their behavior. Sidebar menu is a Tree-based widget intended for creating collapsible menu bars out of complex hierarchical data. Sidemenu is Window-based, can be attached to any side of the screen and is able to contain any view inside it.

Webix FAQ: Pivot

Hey guys!  The new FAQ article is ready. Last time we were talking about Webix licenses. The new topic is Webix Pivot.

pivot webix

 

To begin with, Pivot is a cool JavaScript widget that is perfect for making interactive table reports and pivot charts. You can easily embed it into your web page or new app. Pivot is based on Webix Tree Table JS, consequently your data will have a tree-like structure. Why Webix Pivot? Because it allows automatically organizing, summarizing and comparing complex data from database files. To get the whole idea, you may check out our online samples.

It’s time to choose your Webixhero!

Whoop whoop, finally Batman vs Superman is on the screen. But what we really expect is the new Iron Man against Captain America ( you can guess from the picture who we are cheering for) 🙂

Webix extentions

 

This spring several films about superheroes will appear on the screen. Being inspired by this fact, we have decided to conduct a brief overview of our own heroes – Webix extensions, including a new widget – Spreadsheet which has recently joined the team.

Spreadsheet

Haven’t heard about THIS cool widget yet? We can tell you about it! Webix SpreadSheet is a JavaScript and HTML5 widget that can be used for building easy-to-use and feature-rich spreadsheets. The widget is similar to Excel or spreadsheet in Google docs. Being fully client-side it can load data either from plain JSON or database or even Excel document.

DiCaprio got Oscar, now you can get Visual Designer!

Hey guys!

Today we have 3 good news at once! First of all, Leonardo DiCaprio finally won the Oscar, secondly, spring is coming tomorrow. One more piece of news is just a short reminder that last week we released our new widget – JS Spreadsheet.

Visual designer

 

That part of our customers/subscribers or simply readers who believed in his victory and took part in our Leo marathon should be especially happy today. According to the rules of our previous post, they will receive a free Pro version of our Visual Designer. To get it, just email us or leave a comment with your email under this post or at the forum. For everyone else  Visual Designer will be available in early March.

Recurring Events Helper for Webix Sсheduler

Hi everybody!

While working on our main toolkit, we don’t forget about the standalone widgets.

Most recently, we have released a tool that simplifies server side integration of Webix Scheduler. It allows extracting information about normal and recurring events, providing collections of event objects for any specific period of time. It is a very useful feature, when you are working with recurring events.

Scheduler

 

You can install the tool through NPM. Just run the next command line:

npm install scheduler-helper

Customizing Kanban Board. Complex Structure and Swimlanes

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:

webix.ui({
    view:"kanban",
    type:"space",
    //the structure of columns on the board
    cols:[
        { 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

Top 5 Webix blog articles from January to March 2015

Material Design in Webix UI

This year a hard-working Webix team has released a new Material skin which was developed under the impression of Google Material Design. Your web apps built with the use of a new skin will look cleaner and clearer, which will allow your end users to concentrate on the main functionality of an application. Moreover, due to the responsive behaviour of Webix material skin your final app will operate perfectly and look good on a wide range of devices.

Read more

How to Create Kanban Board with Webix

During the process of web development it’s highly important to organize the workflow and keep in touch with all members of the team. There are useful tools that allow visualizing all the stages of work and keeping track of each participant’s current workload. One of such tools is a popular Kanban board. It helps to control work processes and maintain steady progress, as you can see what stage of the project should be speeded up and which one is overloaded.

JavaScript Kanban Board is a great widget that can be used for creating powerful apps intended for managing the development process.

In this article we’ll describe the stages of creating a basic Kanban Board with the Webix library. Tasks on the board will be supplemented with tags, images and personal avatars for tasks’ assignees. There will be icons that allow opening a form for editing tasks. Besides, you’ll learn how to customize the styling of the board.

webix kanban board

You can check the live demo of the ready Kanban Board.

Enhance File Management with a Webix widget File Manager

With the increase in using web applications, the need for a widget that allows working with hierarchical data becomes primary. A web-based file manager is a good solution for managing such type of data within any modern web browser.

Today we are glad to present you a new Webix widget intended for organizing your data in the Internet – JavaScript File Manager. It is a JavaScript and HTML5 component that allows you to manage hierarchical data, e.g. files and folders.

Webix File Manager Widget

1 4 5 6 7