WEBIX JAVASCRIPT LIBRARY BLOG

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.

I’ll show you:

• Basic Hint usage Live demo >>
• Highlighting some areas and making others work as action targets Live demo >>
• Creating tours for many views Live demo >>
• Resuming tours from any step Live demo >>

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

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.

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.

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.

This is a guest post by Dragos Stoica.

The initial task

My objective was to design and implement a simple application allowing me to manage my freelance business. The application is called iFact and is available on github. The basic activity consists in getting contracts with clients, performing the work or service and invoicing the client. Also, I needed to manage the invoice flow and to have a minimal dashboard for cash flow control. The volume of invoices is low: from one to a couple of invoices per month. The number of clients and contracts per client is low, it means 5 to 10 clients with 1-3 contracts per client, normally one single contract active at any given moment in time.