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 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.

Interactive Map with Webix GeoChart

New Webix 5.0 includes the 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.

Webix with Google GeoChart

iFact: Developing a Webix-based invoicing application

This is a guest post by Dragos Stoica.

iFact: Developing a Webix-based invoicing application

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.

1 2 3 14