Scheduler not showing Time period controls.


I just started using the Scheduler developed by dhtmlx only I have 1 issue I can’t wrap my head around. I hope one of you can help me with it.

I used the ‘How to start’ documentation to begin setting up my scheduler, but the Time period and it’s controls in the lightbox are hidden (See screenshot).

Here is the code I’ve used:


<div id="scheduler_here" class="dhx_cal_container" style="width:100%; height:850px;">
    <div class="dhx_cal_navline">
        <div class="dhx_cal_prev_button">&nbsp;</div>
        <div class="dhx_cal_next_button">&nbsp;</div>
        <div class="dhx_cal_today_button"></div>
        <div class="dhx_cal_date"></div>
        <div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
        <div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
        <div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
    <div class="dhx_cal_header"></div>
    <div class="dhx_cal_data"></div>


scheduler.config.first_hour = 9;
scheduler.config.last_hour = 21;
scheduler.init('scheduler_here', new Date(),"week");

    type: "POST",
    url: base_url + "ajax_manager_controller/fetch_schedule_data",
    dataType: 'json',
    data: {fyid:fyid},
    success: function(res) {
        if (res)
            scheduler.parse(res, "json");

The events get loaded without any issues, the only issue is that the Time period does not show up.

Anyone encountered this issue before?

Thanks in advance,


Hi Jonah,

Html and JS code you provided shouldn’t cause this issue.
Seems you have custom css, such as “display:none” for selects elements in the Lightbox. Please check it.