Posts Tagged ‘HowTo’s’

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

| Comments (2)
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 …

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

| Leave a comment

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. As a basis, we take a standard slider …

DHTMLX Little-Known Features: Tooltips with Popup in dhtmlxCalendar

| Comments (1)

A week has passed since our previous tip and again we’re ready to share a cool and useful feature. We want to show you how fast and simple you can put tooltips with a popup window into our Date Picker, dhtmlxCalendar. Just two steps! Step 1. First of all, we need to initialize dhtmlxCalendar on …

DHTMLX Little-Known Features: Showing Custom Labels in dhtmlxGantt

| Leave a comment

We’ve recently updated dhtmlxGantt and we really like what we’ve got as a result. Every single feature completes the component and makes it a powerful JavaScript Gantt Chart. In this article we’ll tell you about the ability to show custom labels near the Gantt bars. Sometimes you need to display additional content near the Gantt …

DHTMLX Little-Known Features: Mini Calendar in dhtmlxScheduler

| Leave a comment

Mini calendar in our JavaScript Scheduler can’t be named “little-known” feature and it’s some kind of “must have” in each event calendar. But in this article we’ll tell you about all the ways how and where you can place this small but very useful thing. So, let’s start. First of all, we need to add …

DHTMLX Little-Known Features: Grouping Data in dhtmlxGrid

| Comments (2)

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. …