MiniCalendar Display Error

Scheduler Javascript
#1

I added the mini-calendar extension to my scheduler which is using the Terrace skin, but when it is opened, it extends all the way past the bootom of my screen.

I have set a height attribute for the scheduler. Could it be taking that value and applying it to the mini-calendar?

minicalendar_error.png400×545 10.2 KB

#2

Hi,
did you set height with an inline attribute, or have you used .dhx_cal_container selector? i.e.
.dhx_cal_container{
height:800px;
}
minicalendar also have ‘dhx_cal_container’ class, so it will have all properties set that way.

#3

I used dhx_cal_container to set the height of my scheduler.

So, is there a way to over-ride that height setting for the mini-calendar without affecting the main scheduler?

#4

You can set height of the main scheduler with an id selector, so minicalendar won’t be affected:#scheduler_here{ }As for minicalendar itself, it can be accessed by .dhx_mini_calendar class

#5

While I am asking about this, can I also ask another couple of configuration questions about the mini-calendar?

  1. Is it possible for it to be configured above or below the date input field depending on available space?

  2. Is it possible for the mini-calendar to be made larger? Maybe display at 150% or 200% for Touch devices?

Thanks for your help.

#6

Yes, you’re right. I should have thought of doing it that way. Thanks.

Ok, that should allow me to do resizing of the mini-calendar if required. Thanks for let me know that.

#7

  1. No, there is no such configuration, the only way to do it is to manually change position of minicalendar popup after it’s rendered,

  2. It can be done with css. Minicalendar is stretched to popup’s width and content’s height:.dhx_minical_popup{ width:400px; } .dhx_minical_popup .dhx_month_head{ height: 40px; line-height: 40px; }

#8

Thanks, I’ll use that CSS method for resizing.

Really, when you consider that we have the main part of the lightbox ABOVE the time section, it would probably better (most times) for the mini-calendar to display above the date input.

Would it be possible to get this added as a future feature?

#9

But, thinking about it some more, there is no reason that the time section MUST be at the bottom.

I just moved the time section to the top, and now my mini-calendars render over the top of the lightbox. No scheduler code changes required - just a change to my thought process!

Great. I have it working just how I want now.

Many thanks for your help.