DHTMLX Little-Known Features: Attaching Menu to Layout

February 17th, 2015

This post is for those people who want to save as mush space in their apps as the can. We provide the possibility to attach the menu to the layout header. And it can be done quite easy, let’s see.

attach-menu-in-layout
Read more »

dhtmlxScheduler Updated to Version 4.3

February 4th, 2015

We are pleased to announce that our JavaScript Event Calendar, dhtmlxScheduler, is updated to the version 4.3. This update brings us some new features, lots of fixes and improvements.

Multiple days in Units view

This update introduces a long-awaited and cool ability to display multiple days in Units view. So now, using the days parameter, you can display even the whole week (or any number of days) divided into the sections.

Multiple-days-calendar
Read more »

Ability to Download Uploaded Files with New dhtmlxVault 2.4

January 28th, 2015

We are happy to inform you that we released a new version of our JavaScript file uploader, dhtmlxVault 2.4.

Ability to download files

The most significant and demanded new feature in this version is the ability to download the files from Vault. You may check the demo here and the way to handle files downloading here.

vault-download-files
Read more »

DHTMLX Little-Known Features: How to Work with Ajax

January 12th, 2015

Based on frequent questions about working with DHTMLX and Ajax, we decided to explain how it works in detail.

The main function of Ajax is interaction with a server, sending requests and processing of user data in particular. dhtmlxAjax was simplified in the version 4.0.

The general scripts of working with Ajax are the following:

  • data request from the server
  • processing of the server response
  • error handling

We’ll use PHP as a server script, but in general any server script can generate the content.

For data request either GET or POST requests are used. With GET we have the following:

dhx4.ajax.get("server.php?p1=v1&p2=v2", function(){...});

The first param is the address of the server script server.php, there also can be any number of additional parameters p1=v1, p2=v2 (but don’t forget about the limit of GET request). As GET is an asynchronous request, we need the second param – a function that is called after the response is loaded (we’ll talk about it later).

POST request is similar to GET, but here we pass the parameters as a separate argument:

dhx4.ajax.post("server.php", "p1=v1&p2=v2", function(){...});

The examples of work with synchronous requests getSync and postSync you can find in our docs.

So, the data are requested by client. Now let’s see how to process them on the server and create a response for the client side. The most secure way is to pass data by means of using some structure, e.g. json or xml. Why them? These formats are described and they are the same in any environment. We won’t show the business logic operations in our example, just the received result.
Read more »

DHTMLX Customer Spotlight: dhtmlxSuite in Christmas List Manager

December 22nd, 2014

Christmas is all around us! And one of DHTMLX users, Monty Scroggins, developed a very useful application for tracking Christmas gifts. Read the full article to get learn more about it!

Christmas List Manager is a full featured web application that can be used to track and manage gifting year after year. It is quick, simple and effective at reducing the difficulty of tracking what gifts were bought when and for whom. It also to gives plain insight into the disbursement for the different gift recipients. Have you ever stumbled across an item and thought “I will have to remember that item at Christmas time” only to have totally forgotten about it when December rolls around?

Have you ever asked yourself:

“Didn’t we buy something like this for xxx a year or two ago?.. I remember buying something similar in the past..”
“It seems like xxx likes this kind of thing.. but I cannot be remember for sure..”
“Did we spend too much or too little for xxx compared to last year or other recipients?..”

Christmas List Manager can help with all of this.

Christmas Manager
Read more »

New dhtmlxTemplate Function: How to Use (Live Demo inside)

December 11th, 2014

Two weeks ago we updated dhtmlxSuite to the version 4.1. This update introduced a new interesting function – dhtmlxTemplate. We decided to tell more about it in case if some of you haven’t tried to use it yet.

What is DHTMLX Template?

It is a function that allows using templates instead of fixed values. This means that you can have one and the same text which will have different dynamic parts (templates). You may use string, date or number templates or create your own one.

Where to use Template?

You can use templates in any texts that are identical in their structure and meaning, but should be different in some parts like names of the people to whom you address in the newsletter, tables with variety of data (date, telephone number, etc.), different views of one and the same object that can be switched on-the-fly (e.g., the grid of goods in online stores), and so on.

How to use Template?

Fistly, you should know a template format. The dynamic parts that are changed should be inframed by “#”, inside we have the name of a key from json object with additional params. These params are the names of the additional functions for formatting and their arguments.

Read more »

DHTMLX Little-Known Features: Custom Slider Control [Mini-Tutorial]

December 2nd, 2014

If you face the necessity to include a slider control into your app or website and want to customize it to meet your design requirements, then this article for you – here you will learn how to create new skins for the simple JavaScript slider control, dhtmlxSlider.

custom-slider

As a basis, we take a standard slider bar from the dhtmlxSuite package.

standard-slider

To create a new design, we need two slider elements – runner and track. These elements can be both a div and an image (depends on the complexity of the required view). Remember of the image for a vertical slider, if you need it. We’ll describe both horizontal and vertical sliders.
Read more »

dhtmlxSuite 4.1: Your DHTMLX based apps run on touch devices

November 25th, 2014

We are happy to inform you about the update of our JavaScript UI library. Meet dhtmlxSuite 4.1 with touch devices support, a number of new features and lots of significant enhancements.

This update comes with lots of technical improvements and bug fixes. But surely, we couldn’t do without adding something new. Let’s review the most important updates.

Full touch support

A long-awaited support for touch devices is added to dhtmlxSuite. Now you can use our library for building not only desktop applications, but for creating the interactive mobile apps. Check our new demo that demonstrates touch devices support.

dhtmlx-touch-support

Template function

The version 4.1 comes with a new useful function called dhtmlxTemplate. It allows using templates instead of fixed values. You may use string, date or number templates or create your own one.

Multicolumn Combo

Since v4.1, the functionality of dhtmlxCombo is extended with the ability to create a combo with multiple columns. Now the list of suggestions has no limits in amount of information that can be displayed in combo.
Read more »

New DHTMLX component! Try it now and influence on future development

November 17th, 2014

We are very excited to present a new DHTMLX component that later on will be included in dhtmlxSuite library. This component represents a layout with the possibility to drag-and-drop its cells.

So, meet dhtmlxPortal!

We want you to try the beta-version of this new JavaScript UI component and tell us about your experience. What should you know about it before trying?

dhtmlxPortal provides you the ability to re-order the cells in the layout at any time without the necessity of coding. You just drag the cell and drop it to the needed position.

As well as dhtmlxLayout, dhtmlxPortal provides a set of build-in patterns that are set on the init stage.

Two types of drag and drop

  • Live Drop – in this mode while dragging the item, you see its “preview” at the place of future drop.
  • Markers – in this case possible positions for dropping are highlighted during the dragging.



dhtmlxPortal

Click to open the live demo

Moreover, with dhtmlxPortal you have an ability to add and remove the cells dynamically.

Though the new component is in the beta-version now and it’s not included in the DHTMLX library yet, it can be easily integrated with other DHTMLX components.

The functionality of dhtmlxPortal can be extended with other useful features. We are very grateful to you for your feedbacks, bug reportings and suggestions. That’s why we’d like to introduce this new component to you before the official release and before making it a part of the dhtmlxSuite library.

So, please download dhtmlxPortal Beta version here.

Check the related documentation and a live demo that may help you to start working with the component.

Feel free to leave your feedbacks and suggestions in the comments section below, on the forum or write us at support@dhtmlx.com.

As soon as we collect all the opinions and create a full-featured component, it will be officially included in the new version of dhtmlxSuite.

DHTMLX Scheduler Updated to Version 4.2

November 12th, 2014

Meet the updated version of our JavaScript Event Calendar – dhtmlxScheduler 4.2! This update introduces fixes of known bugs, performance improvements and a number of new and improved features.

This update was directed to solve the known performance issues with the Timeline view – on most configurations the rendering time has been decreased in 2-3 times!

Bootstrap compatibility

Since v4.2, dhtmlxScheduler is fully compatible with Bootstrap, one of the most popular HTML, CSS, and JS framework.

Custom form for recurring events

Moreover, the new version introduces the possibility to set your HTML form for recurring events settings. By default, the form for recurring events has a full list of fields/checkboxes that you should fill out. Now you can customize the view of this form and remain those points that you need.

custom-form
Read more »