Ligthbox

Scheduler Javascript
#1

can i dynamically change ligthbox ???

#2

and can lightbox attach to div object not whole area of page ???

#3

can i dynamically change ligthbox ???
Kind of. You can change config and call
scheduler.resetLightbox();
So it will be regenerated during next edit operation

attach to div object not whole area of page ???
Nope, it always append itself to the document.body

#4

can i init lightbox with all elements, but with value show or hide ???

and then with specific name of operator for example show or hide need elements in lightbox ???

because with scheduler.resetLightbox(); i need to create lightbox to specific operator :frowning: and operators too many => many lightbox in code???

#5

Check
docs.dhtmlx.com/doku.php?id=dhtm … ils_form&s[]=scheduler#making_section_hidden_for_some_events

#6

thanks, example will be grate :slight_smile:

if not be digging …

#7

can create window from lightbox ???

or lightbox cover it ?

#8

scheduler.config.lightbox.sections=[ { name:"description", height:300, map_to:"text", type:"my_editor" , focus:true}, { name:"time", height:72, type:"time", map_to:"auto"} ]

[code]scheduler.form_blocks.textarea.set_value=function(node,value,ev){
node.firstChild.value=value||"";
var style = ev.description?"":“none”;
node.style.display=style; // editor area
node.previousSibling.style.display=style; //section header
scheduler.setLightboxSize(); //correct size of lightbox

}[/code]

but description is still view …

#9

Hello,

Yes, you can. Make sure that window’s z-index is greater than lightbox’s.

Sorry, didn’t get that. Can you please explain in detail?

Best regards,
Ilya

#10

I have various user that have various forms thats in ligthbox, i want to include all section but show that depend to user that connected.

like i did withs

display=none

if (roles == 'REG') { document.getElementById("agenda").style.display="none"; document.getElementById("timeline").style.display="block"; scheduler.locale.labels.timeline_tab = "Timeline";}

#11

Hello,

Please double check you sample:

scheduler.config.lightbox.sections=[ { name:"description", height:300, map_to:"text", type:"my_editor" , focus:true}, { name:"time", height:72, type:"time", map_to:"auto"} ]
here ‘description’ section is of type ‘my_editor’.

scheduler.form_blocks.textarea.set_value=function(node,value,ev){ node.firstChild.value=value||"";
And here you are changing section of type ‘textarea’.

Correct example would be:

[code] scheduler.form_blocks.textarea.set_value = function(node, value, ev) {
node.firstChild.value = value || “”;
var style = ev.text ? “block” : “none”;
node.style.display = style; // editor area
node.previousSibling.style.display = style; //section header
scheduler.setLightboxSize(); //correct size of lightbox

    }
    scheduler.config.lightbox.sections = [
        { name:"description", height:300, map_to:"text", type:"textarea" , focus:true},
        { name:"time", height:72, type:"time", map_to:"auto"}
    ][/code]

Now if you create new event and it will have text ‘New event’ section will be displayed. But delete text, open lightbox again and section will be hidden.

Best regards,
Ilya

#12

simple i need to show or hide independence have it value or not …

and it concerns only ‘text’ or any type ??? in my case it custom html form

#13

Hello,

Then you need to edit condition (there is always a condition) on which section will be hidden.
In my example it’s

var style = ev.text ? "block" : "none";

Which reads as “if there is something in ev.text when display this section, if not — hide”.

You can edit it, so you can check anything you like (event properties, global flags, user ids and permissions and so on).

Best regards,
Ilya

#14

thanks know better clear view :smiley:

#15

and for the section “description” to hide i need to

if (somevalue == 'REG') {scheduler.form_blocks.????.set_value = function(node, value, ev) { node.firstChild.value = value || ""; var style = "none"; node.previousSibling.style.display = style; //section header how to setup section name "description" to hide scheduler.setLightboxSize(); //correct size of lightbox } } scheduler.config.lightbox.sections = [ { name:"description", height:300, map_to:"text", type:"textarea" , focus:true}, { name:"time", height:72, type:"time", map_to:"auto"} ]