Blog

Creating your own Trello. Step 1: Building UI

This week’s adventure is another visit to the kingdom of the Most Recognizable User Interfaces. Trello provides one of the best interfaces for task management. A single glance reveals all the latest tasks, who’s working on them and what tasks are planned. Let’s look at how the same interface can be created with Webix UI library.

The kingdom is populated by UI architects and builders, so during this trip, you’ll watch the construction of a small but amazing castle. The main unit for the castle will be Webix Kanban. You can see the live demo and get the blueprints from GitHub. And now the adventure begins.

create your own trello alternative with webix

(more…)


Using Excel Files with Webix Widgets

As a rule, companies work with a lot of data and already use Excel files in their workflows. Among other things, business process automation requires shared access to files. For sharing, Excel files can be published as web pages or uploaded to web services like Google Docs. And still, there is a problem because such services do not allow you to embed spreadsheets into web applications and web sites. I’ll show you how Webix UI library can help you with this task.

Excel with Webix Widgets

(more…)


How to Create Custom Report Engine with Webix Spreadsheet

Software can make your routine simpler and with better results. For instance, making clear and good-looking reports would turn into a real battle without a helpful tool. One of these tools is Excel, a well-known mega-beast of valiant deeds and immortal glory. Yet, if business-warriors have to make some custom report, it’s developer-warriors who get their share of the job. This might be a problem. Every time you have to involve extra people in routine procedures, it’s costly and time-consuming (to say nothing of the fact that developer-warriors have a lot of other battles to fight).

create custom report

It would be good to design a report engine — another mega-beast that is as powerful and helpful. The complex widget SpreadSheet, one of the components of the Webix UI library, is a relevant core element for a decent mega-beast to win the deathmatch and save your end-users from extra expenses. Join me, developer-warriors, and I’ll show you how to enhance SpreadSheet and make it serve business-warriors well in their battles. Together we’ll create a spreadsheet-based report engine that will allow your end-users to make a custom report themselves by choosing templates from a list and editing them to their liking.

(more…)


What is the Difference Between UI Widget, Control, Component, Complex Widget

When reading Webix documentation you cannot but notice the variety of terms like component, ui control, ui widget and complex widget used alongside with each other. You may easily wonder whether they are interchangeable and how to distinguish between them. In the article below we’ll put them all to order.

jquey like UI widget control component description
(more…)


Boosting Webix Pivot Performance: HTML5 Web Workers

Performance is a key feature of modern web applications. It is a mountain you have to climb to win your customer’s heart, but sometimes its top remains unreachable due to heavy tasks the application has to perform on the client side.

Take, for instance, Webix Pivot table JS widget. It does a hard job of calculating and aggregating data and may leave the UI unresponsive if the data is too big. Fortunately, from version 4.2 the widget comes supplied with an HTML5 Web Worker, which takes all the data processing into a separate thread.

web workers for high-performant web pages

(more…)