Posts Tagged ‘HowTo’s’

DHTMLX Scheduler Usage with Angular Framework

| Leave a comment
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

| Leave a comment
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 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 Framework

| Leave a comment
Gantt-and-Angular

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

How to Build Custom dhtmlxSuite Package With Gulp.js

| Leave a comment
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

| Leave a comment

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

| Leave a comment
ckeditor

Update: Now DHTMLX has its own WYSIWYG editor – Rich Text Editor launched in December 2018. 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, …

Integrating Gantt with PHP using REST API, Slim and MySQL

| Leave a comment
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 …