Lightbox, month view formatting, and LbTime questions

Scheduler ASP.NET MVC
#1

The LightboxRecurringBlock when enabled seems to be cutting the bottom of the block off, see attached. Here is the code:

var recurring =new LightboxRecurringBlock("rec_type", "Recurring"); recurring.Height =600; scheduler.Lightbox.Add(recurring);
Not sure how to resolve this and any help would be appreciated.

Month view formatting seem askew. See attached. It seems like the weekday header and event items are lined up correctly but the ‘day blocks’ are offset for some reason causing Saturday to disappear. I am horrible at CSS so again any help would be appreciated.

Lastly, when using the LightboxTime object is that object autotranslated to start_time and end_time?

Thank you for your time,
Chris

MonthView.jpg1117×273 31.5 KB


Lightbox.jpg645×623 77 KB

#2

Nevermind about the first two issues. It was all css inheritance of

values. Once I blocked that it fixed the month layout and the recurring. The recurring is still not spaced as seen in demos but is usable.
#3

Hello Chris,
try adding recurring block before LightboxTime control, i think you’ll get js error if they are placed in different way

scheduler.Lightbox.Add(new LightboxRecurringBlock("rec_type", "Recurring")); scheduler.Lightbox.Add(new LightboxTime("time", "Start/End Times"));

Lastly, when using the LightboxTime object is that object autotranslated to start_time and end_time?
yes, it’s mapped to start_time/end_type

#4

Thanks for the response Aliaksandr.

Yes, I found the Lightbox Time/recurring block issue in the documentation.

I saw somewhere in another thread, that I can no longer find, a way to convert the lightbox time “time” dropdown to a 12 hr format?

Also in month view I did not see a config option for a 12hr format as well? did I miss it?

Thank you for your help this is a pretty slick calendar tool.

–Chris

#5

I figured out how to set the 12 hour format for the time picker and the calendar controls in general:

scheduler.Config.hour_date = "%h:%i %A";

Handled server side.

However, for my own edification, if someone could explain how implement this template code I would appreciate it since I was unable to get it to work.

scheduler.templates.time_picker = function (date) { return scheduler.date.date_to_str(scheduler.config.hour_date); };

It was returning the format string rather than the date.

Thanks,
Chris

#6

Hi,
scheduler.date.date_to_str(format) returns anonymous function, that converts date object to string of specified format,
so it may be used like followingscheduler.templates.time_picker = function (date) { return scheduler.date.date_to_str(scheduler.config.hour_date)(date); };