Hi
I try to add the scheduller in a bootstrap grid … and it fails (headers are loaded correctly, I just didn’t add them as they are in rails)
The scheduller appear correctly il I remove the grid system
My code :
<div class="col col-sm-4">
menu
</div>
<div class="col col-sm-8">
<div id="scheduler_here" class="dhx_cal_container" style='width:80%; height:80%; margin:auto'>
<div class="dhx_cal_navline">
<div class="dhx_cal_prev_button"> </div>
<div class="dhx_cal_next_button"> </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>
<div class="dhx_cal_header"></div>
<div class="dhx_cal_data"></div>
</div>
</div>
<script type="text/javascript">
document.addEventListener("turbolinks:load", function(event) {
console.log("DOM fully loaded and parsed");
scheduler.init('scheduler_here', new Date(),"week");
});
</script>
it works when I work without a grid, but inside a grid it just fails
I don’t care using a grid, I just try to have a left side menu
Any clue ?
Any healp will be greatly appreciated (and you can notive I’m not a css / javascript guru)
Regards
Gregoire