Custom Scroll for DHTMLX Components

June 12th, 2013

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.

dhtmlxGrid with custom scroll

To enable custom scroll feature, you need to download the required files (customscroll.js and customscroll.css) and add them to the page after the dhtmlx library:

<link rel="stylesheet" type="text/css" href="customscroll.css">
<script type="text/javascript" src="customscroll.js"></script>
<script type="text/javascript">
       dhtmlx.CustomScroll.init();
</script>

After that, all DHTMLX components on the page will use custom scrolls. You can download the demo to see how it can be used with dhtmlxGrid.

dhtmlxVault 1.7 Released

May 28th, 2013

Our JavaScript file upload component dhtmlxVault has been updated to version 1.7. The new version adds compatibility with IE10 and the ability to set the sizes of the uploader. You can now resize the uploader box to fit your app interface requirements.

dhtmlxVault 1.7 - Resizable File Uploader

 
Download the Standard Edition of dhtmlxVault 1.7 (available under GNU GPL) or buy the PRO Edition. The additional feature of the PRO Edition is progress bar that shows the upload process.

DHTMLX 3.6 Released with New Great Features

April 18th, 2013

We are excited to announce the long awaited release of DHTMLX 3.6. This update is aimed to fix the known bugs and improve stability and performance of the DHTMLX UI components. This release brings new features to dhtmlxForm and dhtmlxChart, and introduces a new component – dhtmlxPopup.

dhtmlxPopup

With this new UI component, the DHTMLX library allows you to save space on a page and display some additional information or UI element in a nice-looking JavaScript popup. dhtmlxPopup can be used as a simple tooltip or list, or it can include other DHTMLX component: form, grid, calendar, accordion, etc.

dhtmlxPopup - JavaScript Popup Box

You can attach the popup to any HTML object on a page. It is also natively integrated in the dhtmlxForm and dhtmlxToolbar components.

dhtmlxForm Improvements

We have added lots of small fixes and performance improvements in dhtmlxForm. Version 3.6 also supports the ability to add or remove form items on the fly. In addition, you can now dynamically set/clear field validation, notes and required fields in the form.

New Features in dhtmlxChart

We continue to improve our JavaScript charting library so the new version comes with the ability to display a combination of charts. You can combine different chart types (for example, line, bar, and area charts) on one chart. Another handy feature of chart combination is that you can show/hide the series of charts by clicking on chart names in the legend.

dhtmlxChart 3.6 - Combo Chart

dhtmlxChart 3.6 also allows you to set custom values for the horizontal scale. The values on the X-scale can be defined manually or you can automatically generate them by specifying the start/end values and the scale step.

Scrolling on Touch Devices

Since the DHTMLX components are pure JavaScript and can be viewed on mobile devices, we have improved the scrolling feature for dhtmlxGrid, dhtmlxTreeGrid, dhtmlxTree, dhtmlxCombo, and dhtmlxDataView. Now when displayed on touch devices (the latest versions of iOS and Android), these components use the native scrolling included on the device.

 
The link to the latest dhtmlxSuite PRO package will be sent by email to the paid users with active support/updates subscription.

JavaPlanner: Full-Featured Scheduler for Java

March 4th, 2013

In our efforts to simplify the use of dhtmlxScheduler with the server-side technologies, we would like to introduce our new product, JavaPlanner. It is a Java (backend) version of our event calendar that allows you to effortlessly integrate a scheduling calendar into your web-based Java applications.

JavaPlanner provides easy integration with JSP and popular Java frameworks: Grails, Spring, and Struts. You can also use JavaPlanner with other frameworks since its server-side code uses the standard Java approaches.

To see how to use JavaPlanner with mentioned technologies, you can download demo apps for Grails, Spring, Struts, or JSP.

 
JavaPlanner - Event Calendar for Java

Just like dhtmlxScheduler, JavaPlanner is highly customizable and easy to use by professional developers and newbies. It offers a quick and effective solution to add a nice-looking, Google-like event calendar to your Java pages. The main features are:

  • intuitive drag-and-drop interface
  • advanced server-side API
  • different views: Day, Week, Month, Year, Agenda, etc.
  • multiple resources views: Timeline, Units View
  • multi-page export to PDF/iCal
  • popup datepicker for quick navigation
  • the ability to highlight and block time spans
  • support for recurring events
  • integration with Google Maps
  • and other great features
  •  
    JavaPlanner is released under Commercial ($299) and Enterprise ($799) licenses. There is 30-days free trial that can be downloaded from JavaPlanner’s website. If you have any questions or feature suggestions, feel free to leave them in comments.

    dhtmlxScheduler 3.7 Released with Touch Screen Support

    February 20th, 2013

    We are happy to announce the release of version 3.7 of dhtmlxScheduler. The highlight of this release is the support for touch screens. If you need a Google-like event calendar for your app or website that can be viewed on both desktop and mobile devices, dhtmlxScheduler 3.7 now offers a simple solution for that.

    dhtmlxScheduler 3.7 - Event Calendar for Touch Screens

    With this update, the Scheduler works equally well on large touchscreen monitors, tablets, and smartphones (Windows 8, iOS, and Android devices). Although on phones, the scheduler’s interface is harder to read and navigate because of small screen sizes. Note that we also offer the mobile version of the scheduler for phones.

    In version 3.7, all functionality available in dhtmlxScheduler is working on touch screens. The end users can easily navigate between the calendar views, edit the events by double tap, drag-and-drop the event boxes to change the start/end time of the events, and use other great features of dhtmlxScheduler.

     
    dhtmlxScheduler 3.7 - Quick Info Popup

     
    Another useful enhancement for touch screens is a “Quick info” extension that replaces the sidebar menu placed on the left of the event box. When the end user taps on the event box, the popup appears that contains additional information about the event and buttons “Details” and “Delete” (by default). You can configure the Quick info popup to display any other information about the event or add custom buttons (e.g. “Register” or “Book an appointment”, if you use dhtmlxScheduler as a booking calendar).

    Version 3.7 also includes fixes for all known bugs which improves Scheduler’s performance and stability.

    Download the Standard Edition of dhtmlxScheduler 3.7 and enjoy the new features. Those who have the PRO Edition of dhtmlxScheduler with active support subscription will receive the download link by email.

    DHTMLX Customer Spotlight: Cash Flow App

    February 7th, 2013

    It is always exciting to see how developers bring their ideas to life with the help of our JavaScript UI library. Today we would like to share one more web-based project built with the DTHMLX components. This time it’s a Cash Flow application developed by WEB2Solutions, a software development company based in Brazil.

     
    Cash Flow App Built with DHTMLX - View Demo

    The Cash Flow application was created as a module of a Real State’s ERP. It provides accounts management, customers and suppliers management, Expenses and Incomes flow management. It also offers some financial analysis visualized in line, bar, and pie charts. Users can generate and send “billet banking” for their customers using any Brazilian bank.

    You can check the live demo to see how the DHTMLX components are nicely integrated in a complex application interface.

    “This app was born in some experiments in a CASE tool that I’m creating, – says Eduardo Almeida, a chief developer of WEB2Solutions. – This CASE tool generates entire CRUDs application, both client and server side code. It uses metaprogramming and pre-created prototypes to generate the final application.”

     
    Cash Flow App - View Demo

    “We needed to create some generic features to use in that prototypes. I was using DHTMLX Standard Edition so I had to implement some features like validation and masks at grid cells and form fields, etc. The Cash Flow application was the first project done using this set of tools and code.

    Now this application is a module of another application, sometimes using other web libraries. I also created a datastore system to share data between this module and the rest of principal application. To provide the server-side logic, I developed a Perl Module, which is available on GitHub.

    Why DHTMLX

    DHTMLX is perfect for complex projects with small learning curve. It doesn’t force you to use always the same pattern of code, giving the freedom to create your application in any model of process. You can easily create simple applications and scale it with no problems.

    With DHTMLX, you get quick solutions with a simple approach.

    P.S. If you are ready to share your experience with the DTHMLX library, feel free to contact us.

    Scheduler Plugins Moved to GitHub

    December 27th, 2012

    As true open source community projects, the scheduler plugins for WordPress and Joomla! are now moved to GitHub. So if you need an event calendar for one of these CMS platforms, you can download the latest sources here:

     

    Scheduler Plugins for WordPress and Joomla

    The license for the plugins remains the same: GNU GPL v2. If you want to contribute, you are welcome.

    dhtmlxScheduler 3.6: Ready for Windows 8 Apps

    December 3rd, 2012

    We are pleased to announce the release of dhtmlxScheduler 3.6. In addition to a number of bug fixes, this update brings some new interesting features and enhancements. Among them is a special scheduler version for Windows 8 apps.

     
    Windows 8 Ready

    We have modified the dhtmlxScheduler codebase to work stable on Windows 8 platform. There is now a special version of the scheduler that can be easily integrated in Windows Store apps that are written in JavaScript and HTML. If you need a powerful and rich event calendar control for Windows 8 JavaScript apps, dhtmlxScheduler is now here to serve you.

    Scheduler for Windows 8 - Demo App

     
    Date Format Configuration in Event Details Form

    The next feature was added to appease user requests. It’s now possible to configure the order of date and time inputs in the event creation/details form (see the screenshot below). You can order the inputs according to your preferred date format, for example hour-day-month-year or hour-month-day-year.

    Read more »

    dhtmlxSpreadsheet 2.0 Released with New Features and Improvements

    October 26th, 2012

    We are happy to introduce a new version of our JavaScript/PHP spreadsheet widget, dhtmlxSpreadsheet 2.0. This update adds a lot of new features and improvements, including cell validation, the ability to lock cells, Undo/Redo operations, and more.

    Data Validation

    New version supports data validation in cells. It allows you to define the cell type and use its parameters to validate entered values. Supported cell types include: number, email, positive, or not empty. When a user types an incorrect value into a cell, a red triangle appears in the upper-right corner of the cell, indicating that the value should be corrected.

    dhtmlxSpreadsheet 2.0 - Cell Validation

     
    Lock/Unlock Cells

    We have added the ability to lock cells to prevent them from being changed. You can easily lock/unlock individual cells using the context menu.

    Read more »

    DHTMLX Touch 1.2: Unitlist, New Charts, and More

    September 13th, 2012

    Today we released a new version of DHTMLX Touch, a JavaScript HTML5 framework for developing mobile web interfaces. Version 1.2 fixes a few bugs, provides more stable and faster performance, and offers better compatibility with the latest iOS and Android platforms.

    While preparing for this release, we have improved the documentation, which helps you to get started with DHTMLX Touch faster and use the full potential of the framework.

     
    New Component – Unitlist

    DHTMLX Touch 1.2 introduces a new Unitlist component that shows a list of items organized by groups (for example, in alphabetical order). You can define the structure and layout of elements inside each item in the list by a custom template.

    DHTMLX Touch 1.2 - Unitlist

     
    Charts: Updated Design and New Types

    The new release also includes the updated HTML5 charting library that was previously introduced in DHTMLX 3.5. The charts have new polished design and support new chart types: donut, scatter, and radar charts.

    Read more »