Adding checkboxes, radio buttons, etc to a Gantt lightbox

Gantt
#1

I’m trying to add some additional dhtmlx controls like checkboxes to the standard lightbox for my Gantt chart. I would absolutely love it if I could have my Gantt lightbox look something like this example:

docs.dhtmlx.com/scheduler/sample … tions.html

But so far no luck. I am adding a type “multiselect” to the lightbox section, I’m even referencing the dhtmlxscheduler.js file and dhtmlxscheduler_multiselect.js.

gantt.config.lightbox.sections = [
{ name: “type”, type: “typeselect”, map_to: “type” },
{ name: “description”, height: 32, map_to: “text”, type: “textarea”, focus: true },
{ name:“userselect”, height:22, map_to:“user_id”, type:“multiselect” },

I don’t get any errors when running it, howeverI get no checkboxes either. Is it possible to add these controls to your Gantt lighbox?

#2

Hi,
currently gantt do not have built-in controls for radio, or multiselects. You can try port these controls from a scheduler, bot components use the same interface for the lightbox elements
docs.dhtmlx.com/gantt/desktop__c … ditor.html

github.com/DHTMLX/scheduler/blo … ors.js#L91
github.com/DHTMLX/scheduler/blo … lect.js#L8

#3

here is code for multiselect

users = <?php echo json_encode($users);?>;
gantt.form_blocks[“my_assignedto”] = {
render:function(sns) {
return ‘

’
+’’
+ users.map(function(user) {return ‘’+user.display_name+’’;}).join()
+’’
+’
’;
},
set_value:function(node, value, task) {
//console.log(node,value,task); 
	  },
	  get_value:function(node, task) {
		  task.assigned_to = $('[name="assigned_to[]"]').val();
		  return task.assigned_to;
	  },
	  focus:function(node) {
		//var a = node.childNodes[4];
		//a.select();
		//a.focus();
	  }
   };