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

Bars in month view instead of dots #260

Open asivaneswaran opened 10 years ago

asivaneswaran commented 10 years ago

Is it possible to have bars like in the weeks view but in the month view instead of the dots?

eleazan commented 10 years ago

You can change the .event class... and set a width and remove border radius, for example ;)

Or do your own class and add on the template ;)

asivaneswaran commented 10 years ago

I meant, more like in the views. If an event is 3 days long, I would like the bar to be width enough to cover all 3 days....I am not sure if it's clear?

magnusburton commented 10 years ago

I really think that this would be helpful instead of the dots. +1!

justintoth commented 10 years ago

Was thinking the same thing, +1

Kurtas commented 10 years ago

+1 from me ... I think this could cover templates, I tried to solved this issue but without success. I really appreciate if someone create month view template where result will be same as here http://arshaw.com/fullcalendar/

TommyZG commented 10 years ago

+1, it's alreday done in week view, so if anyone can reverse-engineer it for month view... :)

andreiavram commented 10 years ago

+1, I think this would be a very useful feature for using the calendar as a planner in month view.

I've tried reverse-engineering it from week view, but the problem with that is that the events that have days in multiple weeks need to be segmented in multiple elements (one div / week), and that requires some additional calculation for when the new "bars" should end and begin again (on a week level).

Then you would also need to account for vertical alignment, so if an event is above another one in week 1, and they both extend into week 2, the first event should also be above the second in week 2 - so it's trickier than just extending week view (that computes start and end, and then expands the element over the days, making it easy to keep it at the vertical position that it started at).

To better explain why this is different from what @eleazan suggested, here's an example of why just applying different classes won't work:

screen shot 2014-06-12 at 17 10 58

TommyZG commented 10 years ago

@andreiavram Just to make sure we're on the same page - is it possible to have a month view filled with color permanently like in week view (or like on hover over event in month view)? So not modifying bars for events, but simply color the whole cell permanently?

benmcmath commented 10 years ago

+1

I'm looking for exactly this. This one feature is me from committing to using bootstrap-calendar for a project. I've spent hours looking for a good jQuery/Bootstrap calendar plugin/project that does multi-day events well.

TommyZG commented 10 years ago

Can someone figure this out? @Serhioromano @mlocati ?

Serhioromano commented 10 years ago

Bars in month view is in the plans. There will be parameter on what width dots turn into bars. It will part of responsiveness. For example in container smaller than 500px it is dots and bigger it is bars.

But unfortunately now I am out in the other country on one project where I have almost no time even to look through issues.

But I could find a time to review and accept contributions.

So if anyone can add this, you are welcome.

rauchmat commented 10 years ago

+1

I wan't to replace https://github.com/elevation/event_calendar in my application with this one, but the dot-representation of events in month view is a showstopper for me and my users.

stephmj commented 9 years ago

Any updates on this?

It would be a lovely feature.