WEBIX JAVASCRIPT LIBRARY BLOG

*The product is discontinued.

Our company XB Software Ltd. has recently released its own CRM system that is mostly based on the Webix library. It is a necessary tool for most sales or service-related companies that are seeking to build and maintain strong relationships with existing customers as well as to look for new ones.

Webix CRM has a user-friendly Material Design interface and allows storing a client base of any size, preserving the history of customer interactions (emails, phone calls, etc.), grouping contacts by specific categories and more.

Let’s learn about numerous Webix CRM functions in more detail.

*Проект приостановлен.

Недавно наша компания XB Software Ltd. выпустила собственную CRM-систему, которая практически полностью создана на основе Webix. Данная система является незаменимым инструментом для компаний, которые занимаются продажей услуг или продуктов, и при этом хотят установить долгосрочные отношения со своими клиентами.

Webix CRM имеет дружественный интерфейс, созданный на основе Material Design скина. Более того, этот продукт позволяет хранить клиентскую базу любого размера. Система хранит историю взаимодействий с заказчиком (email-переписку, телефонные звонки и т.д.), а также позволяет группировать контакты по различным категориям.

Давайте подробнее рассмотрим многочисленные функции Webix CRM.

While providing many UI options, Webix is quite short of animations. It can be easily changed though. Let’s check how to add nice animation effects for different Webix controls.

Carousel, MultiView, TabView

TabView is one of two components that have a built-in support for animation. When you are changing the active tab, a new one is shown with some animation. You can use the animate property to configure the details of animation

Code of demo

Webix UI provides a lot of widgets, but it is just a tiny bit, as compared to the massive amount of different Open Source libraries. Fortunately, it is quite easy to wrap any custom library in Webix UI control.

Konva.js

As an example, I will use Konva javascript library.

During the process of web development it’s highly important to organize the workflow and keep in touch with all members of the team. There are useful tools that allow visualizing all the stages of work and keeping track of each participant’s current workload. One of such tools is a popular Kanban board. It helps to control work processes and maintain steady progress, as you can see what stage of the project should be speeded up and which one is overloaded.

JavaScript Kanban Board is a great widget that can be used for creating powerful apps intended for managing the development process.

In this article we’ll describe the stages of creating a basic Kanban Board with the Webix library. Tasks on the board will be supplemented with tags, images and personal avatars for tasks’ assignees. There will be icons that allow opening a form for editing tasks. Besides, you’ll learn how to customize the styling of the board.

You can check the live demo of the ready Kanban Board.