Posts Tagged ‘HowTo’s’

How to convert an Excel file to HTML and JSON with DHTMLX open-source tools

| Leave a comment
Converting Excel to HTML Tool

While working on the latest releases of dhtmlxSpreadsheet, our development team created three new tools, which assisted us in converting Excel data into the JSON format (and vice versa) and generating HTML tables from Excel files. We didn’t think long and made these tools open-source and available to everyone. So, what are these three libraries …

How to Make Hotel Booking Calendar with dhtmlxScheduler

| Leave a comment
Room-Reservation-Demo

dhtmlxScheduler is one of most flexible components available, but yet when you check the basic examples of dhtmlxScheduler, they can look pretty far from a final look 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: At …

DHTMLX Scheduler Usage with Angular Framework

| Comments (23)
dhtmlxScheduler-Angular

Angular is one of the most popular frameworks for building single-page mobile and web applications. In one of the previous tutorials, you’ve seen that you can embed DHTMLX Gantt in Angular apps. You can also embed DHTMLX Scheduler. Check a complete demo of dhtmlxScheduler and Angular integration on GitHub To be able to follow along …

Using D3 to Visualize Workload in dhtmlxGantt

| Leave a comment

Gantt charts are essential for project management. They are very helpful when you need to see the sequencing of all tasks, the overall timeline of a project and plan deadlines. To further improve planning functionality, you can visualize daily amounts of work for each person. It allows distributing workload in a more effective way. D3 …

Zooming through Time with DHTMLX Scheduler

| Leave a comment

Hello, guys! Are you looking for another way to make your scheduling apps handier? In case you are, I’ll show you how to zoom in and out of timelines in DHTMLX Scheduler just like you do it while viewing maps. I’ll guide you through implementing zoom in Scheduler. This will let your end-users choose the …

Create React Gantt Chart Component with dhtmlxGantt

| Comments (20)
react gantt chart

Updated on May 28, 2019 We won’t stop till show you that you can use our Gantt chart library with any technology! And today is the turn of ReactJS, popular JavaScript component-based library. Following the steps of this tutorial, you’ll know how to create React Gantt chart app with some basic features. So, let’s start. …

How to Use dhtmlxGantt with Vue.js Framework [Demo]

| Comments (37)
Gantt-chart-and-Vue.js

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 Vue.js, progressive JavaScript framework. So, follow the instructions below to create …

How To Create Meteor App with dhtmlxScheduler

| Leave a comment
meteor event calendar

We’ve already described how to integrate our Scheduler component into meteor app using special packages. Though it was easiest way to integrate dhtmlxScheduler, we now release this article that shows you how to integrate dhtmlxScheduler with Meteor JavaScript framework manually in case you want to get it more flexible for some specific customization. Before we …