WEBIX GRID IS HERE! LAUNCH OFFER: Read More 20% Off all Webix Grid licenses. Valid August 4 – September 3.

WEBIX BLOG

Dashboards: Tips for Young (and Aspiring) App-Builders

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.

Dashboards: Tips for Young (and Aspiring) App-Builders

Creating Apps with Live UI Editing using Webix AbsLayout

Reading time: 7 mins

If you want to create applications that let your users build interfaces themselves, read on and find out how you can achieve this with Webix. Building dynamic user interfaces can be partially achieved with Webix Dashboard. In some cases, like building forms, you can use Form Builder. This service uses AbsLayout as the area for UI building. I will show you how to equip AbsLayout with Drag-n-Drop and use it for rearranging, adding, and deleting UI components.

Creating Apps with Live UI Editing using Webix AbsLayout

Webix 5.4 with GraphQL support, updated SpreadSheet and FormBuilder

Even though the summer is in full swing, our team of developers has been working hard to bring you the new version of Webix. Webix 5.4 includes the new WJet utility that will help you start working with Webix Jet, GraphQL and Firestore support, updated SpreadSheet and Scatter chart widgets, and usability improvements for Form Builder and Snippet Tool. Check out the What’s new page for the full list of updates.

Cascading Comboboxes in Webix

Reading time: 3 mins

If you want to create powerful yet simple forms for complex input, join me. I will show you how to create cascading comboboxes, where the list of options of one combobox depends on the selection in the previous one. This way users can input complex hierarchical data in a convenient way.

Cascading Comboboxes in Webix

Meet Webix 5.3 with Updated Spreadsheet and Webix Jet 1.5

Spring work is going on with joyful enthusiasm, and the Webix team introduces updates for the UI library and for Webix Jet micro framework. Spreadsheet has been given a number of usability upgrades, and documentation is now supplied with links to live snippets. You can also choose any icon font for Webix skins, including Material design icons and Font Awesome 5. Read further to find out details about the release.

Webix 5.3 with Webix Jet 1.5

Using Webix Jet with TypeScript

Creating projects with Webix Jet has become much more convenient since TypeScript support was introduced in version 1.3, and it requires just a few changes in the project. Change extensions of your source files and configure the toolchain, and you will get a smart autocomplete for Webix methods, hints on their use and code validation.

Read further to find out how to use Webix Jet with TypeScript or grab the typescript branch of the Jet starter pack.

Webix Jet with TypeScript

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.

1 15 16 17 18 19 33