Posts Tagged ‘HowTo’s’

How to Create a JavaScript UML Class Diagram with DHTMLX

| Leave a comment
JS UML Class Diagram - DHTMLX

UML class diagram plays a key role in representing a system’s structure visually. This type of diagram complements a variety of data visualization tools available in the DHTMLX Diagram library. You can download a 30-day free trial version of our Diagram library and create your own UML class diagrams following our step-by-step guide. What is …

How to Use DHTMLX Scheduler Component with React JS Library [Demo]

| Leave a comment
React Scheduling App

We continue a series of tutorials devoted to the integration of our web app components with different client-side frameworks. Meet our new step-by-step guide on using DHTMLX Scheduler with the popular React JS component-based library. Here you will learn how to: create a basic React Scheduling application extend the event calendar functionality with custom features …

How to Use DHTMLX Scheduler with Vue.js Framework [Demo]

| Leave a comment
Vue Scheduler Component

Great news for Vue.js lovers! Our dev team prepared a thorough guide on how to integrate our high-performing JS event calendar component – DHTMLX Scheduler – with the progressive JavaScript framework Vue.js. So, below is a step-by-step tutorial for creating a Vue Scheduler component with code snippets and illustrations. You can also kick-start the development …

How to Use DHTMLX Gantt with Vue.js Framework [Demo]

| Leave a comment
Gantt-chart-and-Vue.js

Firstly published on May 11, 2017. Updated on January 30, 2020 What’s extremely awesome about our Gantt Chart library (besides fast performance and vast variety of features) is that it allows integrations with almost all new and popular frameworks and technologies. And today we’ll show you the easiest way to use js gantt chart with …

How to Reorder Tasks in the Grid of JavaScript Gantt – DHTMLX Video Tutorial

| Leave a comment
Grid in DHTMLX Gantt Video Tutorial - Grid

While managing projects, users may face the need to change the order of tasks or move tasks between several Gantt projects. Today we’ll get acquainted with the ways of implementing this functionality in DHTMLX Gantt. Our HTML5 Gantt provides two alternative ways of reordering tasks in the grid: Via drag-and-drop Via sorting By default, both …

How to Make Hotel Booking Calendar with dhtmlxScheduler

| Leave a comment
Room-Reservation-Demo

dhtmlxScheduler is one of the most flexible components available, but yet when you check the basic examples of dhtmlxScheduler, they can look pretty far from a final result and feel that you need to implement. And a usual challenge for developers that are new to dhtmlxScheduler is how do I get from this: to this: …

How to Filter Tasks in a JavaScript Gantt – DHTMLX Video Tutorial

| Leave a comment
Grid in DHTMLX Gantt Video Tutorial - Grid

Here we go with a new video tutorial about JavaScript Gantt configuration. We’ll learn a common approach to implementing filtering and searching for tasks in the grid of dhtmlxGantt: Let’s take a look at the example of a basic text filter. A user types something – and we display only the tasks that match the …