help me Lightbox

Scheduler Javascript
#1

hi i need help to insert a field type = color of lightbox and have the chance to paint an event

my code on the scheduler is ;
scheduler.config.lightbox.sections=[
{name:“color”, height:28, map_to:“color”, type:“textarea”,default_value:"#f70000"},
{name:“time”, height:50, type:“time”, map_to:“auto”}

thanks

#2

Hi,
please clarify what you already have and what kind of help you are currently looking for.
Scheduler do not have a built-in color picker control, so you’ll have to implement it manually as described here docs.dhtmlx.com/scheduler/custom … ditor.html , probably using some third-party colorpicker. Or you can use a select control, providing user list of colors to choose from.
Have you already tried any of these approaches?

#3

hi,
Thank you for the answer,
I have the need to place the color field in the lightbox, to change color of the event scheduler, so I thought to include a field of type color that has as its return value selected color
are not very expert in javascript (I am neophyte)

I entered as suggested by the link, this code;

scheduler.form_blocks [“my_color”] =
{
render: function (sns)
{
return "

</ div>";
}
};
the problem is that I do not receive the return value. and I can not save the lightbox.

This is the example code;
set_value: function (node, value, ev) {
node.childNodes [1] .value = value || “”;
node.childNodes [4] .value ev.details || = “”;
},
Get_Value: function (node, ev) {
ev.location = node.childNodes [4] .value;
node.childNodes return [1] .value;
},
Focus: function (node) {
var a = node.childNodes [1]; a.select (); a.focus ();
}
}

how can I adapt it to have as a return value for example #FFFFFF?

I thought I put a colorpicker DHTMLX, could solve that?

thanks for your help

#4

ok i solved, this is the code;

scheduler.form_blocks[“color”]={
render:function(sns)
{
var height=(sns.height||“130”)+“px”;
return “

”;
},
set_value:function(node,value,ev)
{
node.firstChild.value=value||"";
},
get_value:function(node,ev)
{
return node.firstChild.value;
},
focus:function(node)
{
var a=node.firstChild; scheduler._focus(a, true);
}
};

and call from the lightbox section;

scheduler.config.lightbox.sections=[
{name:“color”, height:28, map_to:“color”, type:“color”,default_value:"#f70000"},
{name:“textColor”, height:28, map_to:“textColor”, type:“color”,default_value:"#FEFEFE",id:“textColor”},
{name:“time”, height:50, type:“time”, map_to:“auto”}
]

thank’s for the reply