lightbox controls positioning

Scheduler ASP.NET MVC
#1

hi all,
is there any solution for repositioning the controls in the lightbox? We have lots of fields and would like to have multiple fields on the same row
thanks

#2

Hi,
there is no easy way to do it. You may try defining a custom html form instead of the native one, and position the controls as required:
scheduler-net.com/docs/fully_cus … htbox.html

#3

The issue with custom form is that lightbox controls are not available (as far as I know) so we would have to recreate the Recurrence control for example…

What we did was to use jQuery and CSS float to reposition the fields …

scheduler.attachEvent(“onLightbox”, function (id) {

    d = $(".dhx_cal_lsection:contains('Subject')");
    d.parent().css("float", "left");
    d.parent().css("width", "378");


    d = $(".dhx_cal_lsection:contains('Recurrence')");
    d.parent().css("clear", "both");


    d = $(".dhx_fullday");
    d.parent().parent().css("clear", "both");


    return true;

});

The only problem with this solution is that after repositioning, the height of the lightbox does not automatically resize so we’re left with some white space at the bottom.

Thanks

#4

on the above lightbox height size issue … IT can be resolved with other set css calls

scheduler.attachEvent(“onLightbox”, function (id) {

$(".dhx_cal_light").css(“height”, 535);
$(".dhx_cal_larea").css(“height”, 445);

…
return true;

});
#5

Hi,
Yes, if you are using recurrence, configuring form using css would be much easier that recreating recurring control.

You can set height of the controls using the Height property of lightbox control, and place some items in a single line by setting 'display:inline-block’ or ‘float:left’ to a dhx_wrap_section elements which holds the controls.

If you doing this right before the lightbox is displayed (onLightbox event), be sure to call scheduler.setLightboxSize() after you finish positioning the controls. It will force lightbox to recalculate the overall height

docs.dhtmlx.com/scheduler/api__s … event.html
docs.dhtmlx.com/scheduler/api__s … xsize.html

#6

perfect , thanks