Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Jeremy on Oct 22, 2009 07:21
open dhtmlx forum
Scheduler lightbox title

Hi

I'm new to dhtmlx but do like what I see.

I'm tying to add multiple sections to the details page in the scheduler but I'm losing the titles. I have the following code and have changed the "description" section to be "description2" and in shos undefined as the title for that section. I have added person1 and person2 to the event xml for the second section

Thanks

Jeremy

    scheduler.form_blocks["my_desc"]={
            render:function(sns){
                return "<div class='dhx_cal_ltext' style='height:70px;'>" +
                        "Text " + "<input type='text'>" +
                        "<br/>" +
                        "Details <input type='text'>" +
                        "</div>";
            },
            set_value:function(node,value,ev){
                
                var inps = node.getElementsByTagName("INPUT");
                
                inps[0].value=ev.text ||"";
                inps[1].value=ev.details||"";
            },
            get_value:function(node,ev){
                
                var inps = node.getElementsByTagName("INPUT");
                
                ev.text = inps[0].value;
                ev.details = inps[1].value;
                return ev.text;
            },
            focus:function(node){
                var a=node.childNodes[1]; a.select(); a.focus();
            }
        }
        
    scheduler.form_blocks["my_execs"]={
            render:function(sns){
                return "<div class='dhx_cal_ltext' style='height:70px;'>" +
                        "Exec 1 " + "<input type='text'>" +
                        "<br/>" +
                        "Exec 2 <input type='text'>" +
                        "</div>";
            },
            set_value:function(node,value,ev){
                
                var inps = node.getElementsByTagName("INPUT");
                
                inps[0].value=ev.person1 ||"";
                inps[1].value=ev.person2||"";
            },
            get_value:function(node,ev){
                
                var inps = node.getElementsByTagName("INPUT");
                
                ev.person1 = inps[0].value;
                ev.person2 = inps[1].value;
                return ev.text;
            },
            focus:function(node){
                var a=node.childNodes[1]; a.select(); a.focus();
            }
        }
        
    
    
    
    
    
    
        scheduler.config.lightbox.sections=[    
            { name:"description2", height:200, map_to:"text", type:"my_desc" , focus:true},
            { name:"Execs", height:200, map_to:"text", type:"my_execs" , focus:false},
            { name:"time", height:72, type:"time", map_to:"auto"}    
        ]
}
Answer posted by Alex (support) on Oct 22, 2009 07:52

Hello,

the label of the section can be changed as follows:

scheduler.locale.labels.section_description = "description2";

scheduler.config.lightbox.sections=[  
  { name:"description", height:200, map_to:"text", type:"my_desc" , focus:true}, 
  { name:"Execs", height:200, map_to:"text", type:"my_execs" , focus:false}, 
  { name:"time", height:72, type:"time", map_to:"auto"}  
]

Answer posted by Jeremy on Oct 22, 2009 08:15

Hi

that works thanks

Regardshttp://dhtmlx.com/docs/products/kb/imgs/_button_attachments.gif">

Jeremy