Posts Tagged ‘HowTo’s’

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 (7)
react gantt chart

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. As always, you can find …

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

| Comments (10)
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 …

DHTMLX Gantt Chart Usage with Angular 2 Framework

| Comments (16)
angular gantt chart

We’ve already described how to use dhtmlxGantt with AngularJS 1.x. Since Angular 2 doesn’t have backward compatibility with Angular 1, such approach won’t work. That’s why our plan for today is to give you a good starting point for using dhtmlxGantt with Angular 2.x and recently released Angular 4. Now we’re going to implement an …

How to Build Custom dhtmlxSuite Package With Gulp.js

| Comments (2)
gulpjs-dhtmlx

In this article, we’ll learn how you can build a custom DHTMLX package using gulp.js. Download dhtmlxSuite, JavaScript UI library for creating web applications After you download and unpack the DHTMLX Suite package, you’ll find a bunch of folders inside. We’re interested in two of them: sources that contains the source files of the library …

Using DHTMLX Gantt Chart with ASP.NET and REST API

| Comments (4)

Today, we’ll talk about creating a Gantt chart application with ASP.NET and REST API on the server side. We will make use of ASP.NET MVC 5 web platform and Web API 2 Controller for REST API to create a Gantt application. To organize communication with the database, we will use the Entity Framework. We will …

Custom Item in dhtmlxForm by the Example of CKEditor Integration

| Comments (2)
ckeditor

Using of DHTMLX UI components goes beyond the standard functionality described in docs. We’d like to share a simple way of adding a custom item in dhtmlxForm control. For more informative demonstration, we’ll integrate CKEditor, a popular WYSIWYG Editor, with our Form. Download a ready demo Each item requires a number of basic functions that …

Integrating Gantt with PHP using REST API, Slim and MySQL

| Comments (2)
gantt with slim

If you’re starting a new project in PHP, you’d probably won’t build it from scratch but will use some framework instead. Whether you use Laravel, Symfony, CodeIgniter or any other framework, each of them provides its own means for implementing data access layer. Having such resources at hand, you may want to step aside from …