Questions tagged [dhtmlx]

DHTMLX, or dhtmlxSuite, is a JavaScript UI library that provides essential functionality for building cross-browser, Ajax-based user interfaces. Develop impressive web applications faster with a set of ready-to-use UI components. There are more DHTMLX products available - dhtmlxScheduler, dhtmlxGantt, and dhtmlxVault.

DHTMLX, or dhtmlxSuite, is a JavaScript UI library that provides essential functionality for building cross-browser, Ajax-based user interfaces. Develop impressive web applications faster with a set of ready-to-use UI components.

The library provides you with collections of user interface components, allowing you to create robust web interfaces, manage client-server communications with Ajax, and implement server-side logic. With these components, you can build rich web apps with clean interface, fast performance, and incredible user experience! You can download the UI components individually or as a suite.

Major dhtmlxSuite components

Among most powerful UI components, you can find grid (DataTable), tree, treegrid, menu, windows, layout, form, calendar (date picker), charts, lists, dataview and many other components and controls.

You may find a full list of UI components and download them separately here.

Info and learning resources

Download Standard or PRO Edition of the library: https://dhtmlx.com/docs/products/dhtmlxSuite/download.shtml

Demo applications made with dhtmlxSuite: https://dhtmlx.com/docs/products/demoApps/

Documentation that includes detailed guides and technical samples: https://docs.dhtmlx.com/

Other DHTMLX products

There is a set of other (independent from dhtmlxSuite) DHTMLX products: dhtmlxScheduler, dhtmlxGantt, and dhtmlxVault.

dhtmlxScheduler

It's a full-featured JavaScript Event Calendar that allows you to add a Google-like web calendar to your application. The library is highly customizable and has rich JavaScript API, i.e. you can modify it according to your needs: create custom views, change appearance, date formats and much more.

Learn about dhtmlxScheduler and download it here: https://dhtmlx.com/docs/products/dhtmlxScheduler/

Related tag on Stackoverflow - dhtmlx-scheduler

dhtmlxGantt

It's an editable JavaScript Gantt chart component with wide range of features that are essential for any project management application. The key advantages of dhtmlx Gantt chart library are fast performance, flexible JavaScript API and simple integration with server side and other libraries and frameworks.

Learn about dhtmlxGantt and download it here: https://dhtmlx.com/docs/products/dhtmlxGantt/

dhtmlxVault

It's a JavaScript File Uploader that allows you to upload and download files in your application or website. This UI component is mainly used with dhtmlxSuite.

Learn about dhtmlxVault and download it here: https://dhtmlx.com/docs/products/dhtmlxVault/

About Dinamenta UAB

Since 2005 the team has been working on making the Web better. Following the standards and practices of modern web development, they deliver top quality web application frameworks customized for both desktop and mobile devices for 10 years already. Having started with the single components - Grid and Tree - they are now ready to provide the full JavaScript Library. Besides, they developed JavaScript Gantt Chart and JavaScript Event Calendar to enrich the functionality of your applications. Many of Fortune 500 companies are using DHTMLX and rely on its quality and effectiveness.

Visit the website to get more information

591 questions
2
votes
1 answer

dhtmlxgrid table header do not move horizontally with column in mobile application

My DHTMLXGrid table header do not move horizontally with column when I am using in mobile application but in case of desktop browser grid work fine. Can anyone suggest the correct solution? mygrid = new dhtmlXGridObject('gridbox'); …
jasjeet
  • 21
  • 1
2
votes
1 answer

dhtmlx scheduler: display multiple months on single view

I am using dhtmlx scheduler, Wanted to display multiple months on single view. I tried units view But nothing help. Is there any ideas to implement that without changing the source code?
Vinoth Rajendran
  • 1,181
  • 1
  • 13
  • 28
2
votes
1 answer

dhtmlx calendar selecting time doesn't change input field

I'm using the dhtmlx calendar to select the date and time. But there's a problem when it comes to selecting the time, the user has to select the date again to 'confirm' the change in time. This is not a normal user behaviour. Is there any way to…
2
votes
1 answer

Loading the form data using dhtmlxConnector

I built dhtmlxForm with several controls and one of them is dhtmlxGrid inside container. I need to load the form data using dhtmlxConnector render_array, but don’t know the best way to do it. var myForm, myGrid; var formData = [{type: "settings",…
Stieve Lee
  • 61
  • 3
2
votes
1 answer

Colorize dhtmlxSidebar

I have 2 dhtmlxSidebars like in a sample here How can I set a different background color to the nested one? If I add css .dhxsidebar_side { background-color: # 427C9C !important; } it apply changes for both backgrounds…
2
votes
1 answer

Can't load options into dhtmlxCombo

Can't load options into dhtmlxCombo. I try the following: myForm = new dhtmlXForm("dhtmlxForm"); myForm.loadStruct("codebase/form.xml"); var combo = myForm.getCombo("xVolumeStatus"); combo.load("codebase/options.xml"); combo.selectOption(2, false,…
2
votes
1 answer

Dhtmlx scheduler timeline view: Window zoom level breaking the alignment

Hello am using dhtmlx scheduler TimelineView and this lib is working perfectly fine only in 100% zoom level, When user start zooming In/Out the alignment of Scheduler is totally breaking and it creating undesired user experience. Any help could be…
Bytecode
  • 6,551
  • 16
  • 54
  • 101
2
votes
1 answer

DhtmlX Gantt doesn't get correct target Id of Link

I am using Dhtmlx Gantt to make the Gantt chart in my project. IN the tasks table I have the usual autoincremental Id. Whenever I save a task it gets the Id automatically, (this id is not the same as the source Id that is provided by the gantt chart…
user2622220
  • 185
  • 1
  • 5
  • 19
2
votes
1 answer

Back button handling in Single Page Apps?

A similar question here has been noted! I've got an SPA based exclusively on the DHTMLX toolkit (fabulous stuff incidentally). One serious UX problem is with back button handling: there is none. Their forum recommended 'any js routing library to…
J Evans
  • 1,090
  • 2
  • 16
  • 36
2
votes
1 answer

How to create bottom toolbar (statusbar) in DHTMLX?

I've created a toolbar at the top of a cell, but I would like to put it to the bottom. How is it possible? var toolbar = acc2.cells(cell_id).attachToolbar(); The constructor of dhtmlXToolbar has 4 constructor parameter (doc), there is nothing about…
Iter Ator
  • 8,226
  • 20
  • 73
  • 164
2
votes
1 answer

DHTMLX Scheduler - Calendar view - set focus to config.mark_now

When loading the calendar, I have divided the hours into intervals of 30 mins each. This is my initial configuration. scheduler.locale.labels.unit_tab = "Resources"; scheduler.config.hour_date = "%h:%i %A"; scheduler.config.hour_size_px…
sbjumani
  • 124
  • 8
2
votes
1 answer

DHXScheduler Save/Get Custom Lightbox Fields

I am using DHXScheduler in my JSP application for exam timetabling. I added a fully custom lightbox with my own fields with information about exams. This is my EventsManager class which saves, creates and gets events. It extends the class…
Bernice
  • 2,552
  • 11
  • 42
  • 74
2
votes
3 answers

make some row editable and other row readonly on dhtmlx grid

i want to make a row in dhtmlx are read only but i want make the other row are editable with some condition like id%2=0 are editable. function doInitGrid(){ mygrid = new dhtmlXGridObject('mygrid_container'); mygrid.selMultiRows =…
newbie
  • 61
  • 2
  • 10
2
votes
1 answer

dhtmlx grid read-only checkbox

I have set a column type in dhtmlx grid as below grid.setColumnExcellType( 0, 'ra'); When I disable the column as : grid.cellById(rowId, 0).setDisabled(true); The checkbox is shown disabled at first but as it is clicked it gets enabled. How can I…
Xavier DSouza
  • 2,861
  • 7
  • 29
  • 40
2
votes
0 answers

DhtmlxGrid render table with connector behaviour

I am using java connector for DHTMLXGrid. I want to render a table and display only those record where value of some field is some.Just like "Select * from table where status='inProgress';" Currently I am doing Connection conn= ( new…
Rohit Kumar
  • 1,018
  • 3
  • 12
  • 23
1 2
3
39 40