WEBIX BLOG

Webix Dashboard Layout: How to Build Appealing Dynamic Dashboards

Reading time: 6 mins

Dashboards are good for tracking important information. With Webix Dashboard, you can conveniently place components in a grid and let users change the structure of the application with drag-n-drop. Dashboard panels can be rearranged, resized, removed and created anew. Join me to find out how Dashboard can help you create dashboards for apps.

View the live demo >>

Get the demo from GitHub >>

webix grid dashboard layout

Webix 5.2 Release

Meet Webix 5.2 with updates and new features. With the new version, you’ll get a multilevel Sidebar, Switch button and a vertical RangeSlider. Also, you will find performance updates for Kanban and List. Besides, developer tools have been greatly enhanced.

Watch a video overview of Webix 5.2 and read the details below.

Webix Jet Chronicles: What’s New since Version 1.0

Reading time: 4 minutes

You might be wondering what’s new in the country of Webix Jet since the glorious victory on September, 26 last year. There have been a number of feature updates during these 4 months. Webix Jet 1.3, the latest version at the moment, includes the seventh plugin urlParam for treating URL segments as parameters, new getParam / setParam API for accessing and setting URL parameters, TypeScript support and the optional path parameter for the Locale plugin.

Webix Jet 1.3 Version History

Webix Hint: The Widget for App Tours

Reading time: 8 minutes

Webix Hint is a widget for creating guided tours through apps. This is especially suitable for apps with a lot of contents and complex forms. With Hint, you can create guides with several steps. On each step, users will see a focused area and instructions how to work with the specific element of the app.

Webix Hint a widget for creating tours in apps

I’ll show you:

For demonstration, I’ll create a mock service for ordering medications online. I’ll deal with the UI aspect only.

Webix 5.1 Release Overview

The new version 5.1 of Webix UI library is released. Now you can enjoy Grid layout and Dashboard with convenient arrangement, on-the-fly number formatting for text inputs, and multiselection for Calendar and DatePicker and renewed Query Builder. Let’s look closely at the novelties of Webix 5.1.

Watch this brief overview and read the details below.

New Webix Jet and the Good Stuff It Can Do

The New Webix Jet has come to light with the latest release of Webix UI library.

Webix Jet is a micro framework for single-page applications created with Webix UI components. It allows you to divide app code into modules as well as combine and reuse diverse UI components. The framework provides a solution for device-responsive apps that can be opened on both Desktop and mobile touch devices that run iOS, Android, etc.

With Webix Jet, you can easily create and develop perfect applications with loosely-coupled code. Sounds intriguing? Let’s look closer at what’s new in Webix Jet 1.0 and recap the useful features that migrated from the previous version.

You can also read Jet GitBook and download demos from GitHub.

webix jet 1 overview

Interactive Map with Webix GeoChart

New Webix 5.0 includes the JavaScript GeoChart widget created with Google Maps API. GeoChart is a pretty neat service for creating map charts for presenting data associated with countries and regions. I’ll show you how to use the main features of the widget to create an interactive world map. If you are not yet familiar with the widget, I hope that GeoChart will become your faithful friend after I introduce it to you. If you already love GeoChart as much as I do, you will probably gain a better insight into things you can do with it.

Webix with Google GeoChart

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

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

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.

1 2 3 4 5