Posts Tagged ‘HowTo’s’

Gantt Chart for ASP.NET MVC with dhtmlxGantt

| Comments (39)

We have an updated tutorial of how to use dhtmlxGantt with ASP.NET on the server side. Unlike this guide, we use REST API so that the code appears far more simple. This tutorial will lead you through the steps required to integrate dhtmlxGantt into an ASP.NET MVC application. dhtmlxGantt is an open source (GPL) JavaScript …

Interactive Gantt Chart with AngularJS and dhtmlxGantt

| Comments (9)
Angular

Last time we explained how to use dhtmlxScheduler with AngularJS, a popular JavaScript MVW framework. In this tutorial, we will guide you through adding an interactive Gantt chart to an AngularJS app using dhtmlxGantt. dhtmlxGantt is an open source (GPL) JavaScript library that draws attractive Gantt charts and provides a convenient way of project schedule …

Using DHTMLX Grid with Ruby on Rails

| Comments (13)
Rails

This is the update for the previous tutorial that explains how to use dhtmlxGrid with Ruby on Rails backend. We have rewritten this tutorial to be up to date with the latest RoR version. By following this step-by-step instructions, you will get an editable grid that loads its data from Ruby on Rails and saves …

Learning DHTMLX Suite UI Book

| Comments (1)

If you like to gain new knowledge from books and would like to get a short course to the DHTMLX library, there is a good news for you. Packt Publishing released a book called “Learning DHTMLX Suite UI” written by Eli Geske, a programmer from Miami, Florida. With his team, Eli develops complex web interfaces, …

Building the DHTMLX Library with Grunt

| Comments (1)
NodeJS

Grunt is a JavaScript task runner. It is like a swiss knife of JavaScript development. Due to the multiple plugins, Grunt can be used for wide set of tasks: file preprocessing, code minification, code linting, publishing, etc. In this article we will show how to use Grunt to compile a single file from the dhtmlxSuite …

Easy Install of DHTMLX Scheduler and Gantt Chart

| Leave a comment

Starting from today, you can install dhtmlxScheduler and dhtmlxGantt through Bower or NuGet, package managers for the web. Follow the easy instructions below and learn how to quickly launch the latest version of the Scheduler and Gantt Chart from NuGet or Bower.     NuGet NuGet is the package manager for the Microsoft development platform. …

How to Add Rating Bar in dhtmlxGrid

| Leave a comment

This quick tutorial leads you through the steps of adding a simple star rating bar in a cell of dhtmlxGrid. You’ll learn how to create a custom exCell (“extended cell”) that allows the end users to view/set the rating of an item in our JavaScript datagrid. Download the demo with a star rating bar in …

Using dhtmlxScheduler and dhtmlxGantt with TypeScript

| Leave a comment

This is another tutorial that explains how to use the DHTMLX components with third-party JavaScript projects. We will show you a simple way to use dhtmlxScheduler and dhtmlxGantt with TypeScript. TypeScript is a free language developed by Microsoft. It is a strict superset of JavaScript that adds optional static typing and class-based object oriented programming …

Creating Event Calendar with dhtmlxScheduler and AngularJS

| Comments (49)
Angular

AngularJS is a modern JavaScript framework that allows creating rich client-side apps in a fast and productive way. It goes without saying that AngularJS is convenient and powerful in working with HTML. However, it doesn’t have ready to use complex UI components yet. In this article we’ll try to partially eliminate this drawback by showing …

Tips on How to Minify the DHTMLX Files

| Comments (4)

This post is for developers who work closely with the DHTMLX library and would like to use its advantages in a most proper way. As you might already know, there are a few options to include the DHTMLX library on a page: use a set of separate .js files of all components used on a …