-
Widgets
Other complex widgets
Webix JavaScript UI Library Tutorials
Interactive tutorials
Introduction to Webix
These tutorials will facilitate your start with Webix. After completing this course, you will be able to create a simple UI for editing list data, a toolbar with a set of controls, a form with controls, and complex layouts. You will also learn how to enable click actions for the toolbar buttons, add new data into the list using the form, remove and update data, resize Webix widgets and place them in HTML containers.
DataTable Basics
Master DataTable so that you could effortlessly bring it in line with your requirements! In the tutorials, you will find information about the capabilities of this complex widget. You will also learn to create basic tables, style them, and fill them with data. The course will show you how to configure and resize columns and rows; format, visualize, filter, and sort data in cells. These tutorials also include lessons about how to enable drag-n-drop of items, pagination, apply math formulas, fill columns with values from different data sets, and more.
Form Controls
These tutorials will teach you how to build functional and convenient Webix forms. You will find out about the controls and learn how to use them. After completing this course you'll be able to create buttons, icons, text and number inputs, navigation controls, selection widgets for dates and colors. The tutorials will also teach you how to work with checkboxes, customize dropdown lists, style and configure elements, set sizes and alignment for controls, etc.
Video tutorials
Webix UI library has a number of advantages! See for yourself. Check out our JavaScript and HTML5 interactive video tutorials with comments and code samples. You will learn the basic information for the effortless start and successful work with Webix.
We also have videos which will teach you how to deal with Webix Jet, a micro-framework for creating single-page applications.
examples from the Webix team
User Guides for Complex Widgets in Docs
Tutorials in the blog
Have been around with Webix for a while and would like to learn a little more about its capabilities? In this section, you will find articles with tips, JavaScript and CSS tutorials, and other secrets which will allow you to utilize the full potential of our UI library.
These blog posts will teach you how to build a web app for data storage with only 12 lines of code, create customizable tooltips, improve dashboards, deal with buttons, and more.
