search

Wanderxx / vue-fullcalendar

vue calendar fullCalendar. no jquery required. Schedule events management
https://wanderxx.github.io/vue-fullcalendar/
1.51k stars 387 forks source link

Event background color? #14

Closed ghost closed 7 years ago

ghost commented 7 years ago

Fullcalendar has a huge list of available object properties for events, and it seems many of which are not supported in vue-fullcalendar? These should just be passed through but it seems they are not.

For example, I am currently assigning a "backgroundColor" property to each of my events from my server and fetching in Vue, but this property does not seem to translate to the fullcalendar instance.

Documentation is not clear here on how I would achieve this. I can hack it in, but would rather avoid that.

Wanderxx commented 7 years ago

Hi there,

  1. This project is inspired by fullCalendar.js but not cloned by it.
  2. Your idea can be done by set different cssClass in each event Object you have.
Wanderxx commented 7 years ago

6 See here also

ghost commented 7 years ago

@Wanderxx OK I understand, but I would still then suggest the following.

  1. Rename vue-fullcalendar to avoid confusion. At the very least please mention in the docs that it does not use the same library and fullcalendar.js options are not supported.
  2. Consider adding more features from fullcalendar such as this color. I understand I can mimic the effect with css Class, but in my instance I have a server with event categories where users can choose the color for their category dynamically. I do not want to have to maintain a separate stylesheet if I don't have to here.

For now I will roll my own customization into your calendar plugin.

Wanderxx commented 7 years ago

Hi there,

I guess renaming proj is the last thing I wanna do, but providing some mentions is optional. And, things like fontSize textColor backGroundColor ,etc. could all be handled by a single cssClass. Also, this proj is 100% open source, you could just do whatever you want with the piece of code. Suite yourself well. ^_^