WEBIX BLOG

Many UI components contain a built-in search or filtering. Such as, for example, the tool of filtering in the Webix DataTable.

We have important news to announce for our Russian Webix users. 

Working with dependent data sources with Webix Datatable became more convenient with Webix 6.3+. You can use options to connect several data sources and set dropdown lists for editors and filters. I will share with you the tweaks and benefits that might not seem obvious from first glance.

Live demo >>

Hi everyone! Today I suggest you dive into 6.3 updates and have a closer look at the buttons.

Starting from the new version you can easily tune the look and feel of your buttons thanks to the optimized settings. However, we couldn’t avoid some breaking changes, but still, you can easily integrate new buttons into your application by following this guide. Let’s start!

As promised, today I will share with you a Webix solution for creating real-time apps. You will find out how to use a WebSocket connection for:

• smooth live updates in data components,
• creating live chats with Webix Comments.

Grab the demo and join me.

Live demo >>

The long-awaited feature has finally come into the world! Webix Tooltips can be added anywhere. If you want to create stylish and useful tooltips for different elements of your web application, join me. You will learn how to create tooltips for DataTable headers and footers, controls, and HTML elements inside or outside Webix views. So let’s start our journey.

Live demo >>

With Webix UI library you can export any tabular app data into a PDF file. The recent Webix 6.2 offers even more capabilities regarding this feature. Now you can save views as images, format data specifically for the report, place several widgets into one PDF file, and enjoy many other useful functionalities. Make sure you haven’t missed any long-awaited updates.

Code snippet >>

If you are a Webix HTML5 framework user, we’d like to give you a hint on how to create a web interface with Webix UI framework quickly and easily. Believe it or not, but you need just 12 lines of JavaScript code. And of course a bit of Webix magic!

Very often you have to design web apps that collect a lot of monotonous data from users, e.g., information about their previous employment, skills, working hours, preferences, etc. This is when you face the time-consuming necessity to write code for many repeated input fields and maintain value processing logic.

Surely, you can solve this issue by allowing users to write anything their heart desires in a textarea. But such an approach has nothing to do with a user-friendly interface. Besides, processing the collected information can become a real headache in this case.

A better solution is creating one dynamic control which you’ll be able to apply multiple times to your complicated forms. Sounds interesting? Read on to learn how to do it.

View code >>

Reading time: 3 minutes

More tips and tricks from Webix await you today! If you want to know more about building good-looking interfaces, read on. You will learn more about creating dashboards, turning simple widgets into something more sophisticated and developing with Webix Jet.

I also have a demo for you, so grab the sources from https://github.com/webix-hub/student-dashboard-demo.