NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

WEBIX BLOG

Webix UI Library New Release: Spreadsheet with Stories

While we are working hard on the nearest Webix release, we can already present a powerful update of the complex JavaScript Spreadsheet widget. To march in step with the cutting-edge trends in application development we have added…
Webix UI library excel stories
…the possibility of creating Spreadsheet stories! Now, you can share your life experience within the widget without having to switch to Facebook or Instagram in the middle of the working day.

How to debug code and develop UI effectively with Webix UI Framework

“Debugging is like being the detective in a crime movie
where you are also the murderer”. Filipe Fortes

Want to develop Webix-based apps wisely and efficiently? Tired of red-eye nights spent by the computer screen? Still feel pain after catching that naughty untrackable bug last week?

Then it’s high time to arm yourself with technology and knowledge. Today I am going to get you acquainted with debugging tools that Webix offers right out of the box.

image11

Use Case: Webix for Online Gantt Chart Maker GanttPRO

Spring is already in the air with its smell of inspiration and excitement. It is the best time of the year to plant the seeds of future foundations, but I know the people who can already reap the fruits of their labour that started 2 years ago.

Webix and Gantt show case
Update of October 8, 2020

With the release of Webix 8.0 the original JavaScript Gantt Chart component has become available. Now Webix users can enjoy the native Webix Gantt. This component is created according to the canons of the Webix framework and it is intended for the integration into any business applications regardless of their architecture and system platform. 

Webix Gantt

You can download the free version of Gantt by following this link. You can find more detailed information on the Gantt home page, on the JS Gantt documentation page or in the Gantt source code sample catalog

Today I would like to let the GanttPRO team showcase their online project-management tool that, among other tools, is built with Webix. In March 2015 they hit the market and now can boast the 200.000-audience.

That’s not an ordinary showcase. We had a chance to speak with GanttPRO developers and question them about their experience in working with Webix library. You can find their ultimate and honest answers in the below article.

Online Javascript File Upload Using Webix Library

Managing form attachments, adding images to online galleries, sharing documents – there are lots of situations where online file uploader can be useful. Native HTML5 file upload can cope with all these tasks well, but it is not that spectacular, isn’t it?

If you need to visualize uploading process, show progress or smoothly drag and drop files for uploading, follow this article to learn how Webix javascript framework can solve these issues for you.

20170203_File_Upload_710x355_light

Accessible Web UI Components for Developing Applications

Web and Internet should be accessible to everyone. This self-evident concept gives rise to another important principle, which modern UI developers should bear in mind: present-day web applications should be usable by all community members regardless of their physical abilities.

If you develop with Webix, you don’t have to worry about accessibility. From version 4.0 all its UI components have been enhanced to meet the standards. The article below tells about the main accessibility hallmarks in the library.

image001

Exploring Types of Charts

Struggling for the correct data visualization? That’s the challenge! Catchy and informative charts immediately win the hearts of analysts and customers, that’s why Webix offers… let me count… 14 different types of charts with 2 functional variations alongside with 2 chart-like widgets for specific use cases.

Yep, diversity makes lives brighter while the choice becomes more difficult. You have to select the right chart for your application as carefully as you choose a Christmas gift for your best friend. The article below can guide you to the ultimate tool.
14 types of charts and how to use them in JavaScript

Using Custom Fonts and Custom Icons for Webix Widgets

“Never judge a book by its cover”, — my teacher told me many a time, but still I cannot deny that good design opens all doors, especially in web development. Since colorful and motley interfaces passed into oblivion long time ago, font and icons became a small but significant detail that can add a unique aesthetic touch to web apps. In this article we will speak about conventional ways of altering font and icons within Webix widgets.

change icons UI

Webix Ribbon Interface: Creating a Custom Control

Webix has never been just a javascript library. At first sight it looks like a static collection of widgets and ties between them, but an experienced eye will easily trace the system of reusable mixins and UI components. At the same time, Webix API allows anybody build homemade but fully functional tools. In this article we will cast the light on the peculiarities of prototyping in Webix and create an Office-like ribbon interface.
office like ribbon interface

Creating a Web Dashboard with Webix

Web dashboards are in high demand today as they have proven to be a helpful tool for at-a-glance analysis of complex data together with its laconic visual presentation. Although dashboards originated from desktop applications web environment requires something not typical for them – responsiveness. In this article we will find out what Webix has already issued to meet this requirement and build our own flexible web dashboard.
Creating Web Dashboards

Rich Webix Form Editor with Automatic Configuration

Developers don’t like monotonous coding. But even with a number of tools and frameworks one often has to configure big forms by hand. Webix offers to exclude this task from your daily routine with the help of a custom Form Editor tool which was built totally on Webix public API.

Form Editor

1 2 3 4