Posts Tagged ‘HowTo’s’

DHTMLX Little-Known Features: Grouping Data in dhtmlxGrid

| Comments (4)

There are so many features available in our JavaScript grid control and it is so difficult to pick up the one to tell you about! In this article we would like to remind you about the possibility to group data in dhtmlxGrid. There are two option to do this: you can group data by rows …

DHTMLX Little-Known Features: Creating Custom Buttons

| Comments (2)

Our weekly blog section is complemented with another cool feature that is available in our JavaScript UI library – you can add a custom button to a window. It is simple and understandable as always. To add the custom button, you need to use the addUserButton() method: myWins.window(id).addUserButton(id, position, tooltip, name); There can be taken …

DHTMLX Little-Known Features: Progress Bar in Cells

| Leave a comment

Last time we shared the information about how you can dock / undock cells in accordion and layout. The next feature we are going to review is an ability to display progress bar in cells. Progress bar is a state indicator used to show the users that some action (for example, data loading) is currently …

DHTMLX Little-Known Features: Docking / Undocking Cells

| Comments (2)

We continue to share the small tips that simplify the development process. This week we will discover a possibility to dock/undock cells. This feature is available in dhtmlxLayout and dhtmlxAccordion. Each cell of the accordion and layout can be docked or undocked. Let’s see how it can be achieved and how it looks like. By …

DHTMLX Little-Known Features: Different Content in the Same Cell

| Comments (1)

DHTMLX library has lots of features and provides numerous abilities, but not all of them are discovered at first glance. We want to share some tips that you might have missed but they may appear quite useful. We’ll start with such called “views”, the feature of a cell. In the components that have cells (i.e. …

Using dhtmlxGantt together with Node.js

| Comments (1)
NodeJS

If you follow our tutorials, you have already known how to use dhtmlxScheduler and dhtmlxGrid with Node.js, a flexible JavaScript platform. This time we will deal with dhtmlxGantt with Node.js. You can download the full archive with the final solution from github. Step 1 – Creating a simple Node.js site Fortunately, Node.js has a set …

JS2DX – JavaScript Library API

| Comments (2)
customer say

One of the users of our DHTMLX library, Sergei Sheinin, has created a JavaScript Library API named JS2DX. We would like to present Sergei’s overview of it and we suppose that some of you will find JS2DX useful and appropriate for your own projects: “While developing large quantity of database interfaces with DHTMLX framework I …

Gantt Chart for ASP.NET MVC with dhtmlxGantt

| Comments (34)

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 …