Posts Tagged ‘HowTo’s’

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 …

Creating an Editable Grid with DHTMLX and Node.js

| Comments (9)
NodeJS

Node.js is a flexible JavaScript platform that’s becoming more and more popular these days. In the previous article, we have described how it can be used with MongoDB. However, you can use Node.js with relational databases as well. It may require a bit more coding but it still results in a quick and flexible solution. …

Creating Online Event Calendar with Node.js and dhtmlxScheduler

| Comments (15)
NodeJS

The combination of Node.js and MongoDB is a useful tool for quick development of dynamic sites. In this tutorial, we will explain how dhtmlxScheduler, an embeddable JavaScript calendar, can be used to create an online event calendar with Node.js backend. You can download the full archive with the final solution from GitHub. Creating a Simple …

Custom Scroll for DHTMLX Components

| Comments (14)

With the latest version of DHTMLX, you can add custom scrolls to the DHTMLX components, such as Grid, Tree, Layout, DataView, and others. The custom scroll looks and behaves similar to scrolls on Mac OS. The scroll bar is hidden and appears when the user start scrolling. It also gets wider on mouse over. To …