Posts Tagged ‘HowTo’s’

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 …

How To Synchronize dhtmlxScheduler with Google Calendar

| Comments (28)

Update: The proxy script for synchronization with Google Calendar has been updated to work correctly with Google API v.3. Download it from GitHub. Today we want to show you an effortless way to synchronize dhtmlxScheduler and Google Calendar. So if you need to store your events and appointments in both calendars, you won’t miss any …

DHTMLX Integration with Yii PHP Framework

| Comments (34)

The DHTMLX component library offers a pure JavaScript/CSS solution for building web interfaces. The advantage of developing with the client-side library is that you can use it with your favorite server-side technology. In this tutorial, we will explain how to use the DHTMLX UI components with one of the most popular PHP frameworks, Yii framework. …