search

Serhioromano / bootstrap-calendar

Full view calendar with year, month, week and day views based on templates with Twitter Bootstrap.
http://bootstrap-calendar.eivissapp.com/
MIT License
3.02k stars 1.29k forks source link

Week view: incorrect postition #764

Closed nealweston closed 5 years ago

nealweston commented 5 years ago

Hi,

I have been using and modifying this calendar for my needs for quite some time now, and it is almost perfect. Except that week template displays events underneath each other (for an example: Monday starts at the correct position at the top of the column, however Tuesday starts below Monday (although in its separate column). Picture below my post will illustrate what I'm trying to accomplish.

I have tried editing css, but with no luck. I'm not using any custom CSS at this time. Has someone fixed this problem?

calweek

tinozh commented 5 years ago

Hi, you have closed this - have you found a solution for this?

nealweston commented 5 years ago

Hi, you have closed this - have you found a solution for this?

Kind of, I basically redid the week-days.html using bootstrap columns and start_days. Its not the most optimal solution for sure, but fast enough for me. I used if statements [if (event.start_day == 0)] through [if (event.start_day == 6)]. I also edited the css file, can't really remember which line, but you'll need to set column widths and so on, easy enough.

//EDIT: cant paste the code somehow, link here https://pastebin.com/7pWPqtrR

also in week.html I added div class="col-md-1" to the div inside each-loop like this <div class="col-md-1 cal-cell1 <%= cal._getDayClass('week', start) %>" data-toggle="tooltip" title= .........>

Toomas633 commented 2 years ago

Any updates on where or what in the css should i change.