Posts Tagged ‘HowTo’s’

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 …

DHTMLX Gantt Chart Usage with Angular Framework

| Comments (35)
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

| 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 (11)

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

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

| 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 …

Using Scheduler with Scalatra Framework and MongoDB

| Leave a comment

Today we’ll show you the way of using JavaScript Event Calendar with Scalatra Web Framework. Scalatra is a free and open source web application framework written in Scala. To install it, please follow the instructions you could find here. When installation is completed, we can start. The demo is available on GitHub, so you’re welcome …

JavaScript Data Grid with Laravel 5 Usage Guide

| Comments (1)
Laravel

PHP is probably one of the most popular programming languages. Especially if we talk about the web development. Following the intention to complexity reduction, dozens of PHP frameworks have been created. One of the most popular among them is Laravel. You can check this framework popularity survey made by sitepoint to make sure that Laravel …

Integrating Gantt with Node.js using REST API and MySQL

| Comments (6)
NodeJS

In this tutorial we’ll show how js Gantt chart can be added into Node.js app. Unlike our previous tutorial, this time we’ll connect Gantt to the REST API for performing CRUD operations on the backend. As a result, you’ll see that this approach will provide a much cleaner and simpler code compared to what we …