Ask questionsShow free events in different style

<!-- Thanks for reporting issues back to Nextcloud! This is the issue tracker of Nextcloud, if you have any support question please check out

This is the bug tracker for the web-calendar component. Find other components at Everything that is related to the CalDAV server, meaning it does not only affect the web-calendar but also your mobile and desktop clients, belongs in the Server repository:

For reporting potential security issues please see

To make it possible for us to help you please fill out below information carefully. You can also use the Issue Template application to prefill most of the required information:

If you are a customer, please submit your issue directly in the Nextcloud Portal so it gets resolved more quickly by our dedicated engineers.

Note that Nextcloud is an open source project backed by Nextcloud GmbH. Most of our volunteers are home users and thus primarily care about issues that affect home users. Our paid engineers prioritize issues of our customers. If you are neither a home user nor a customer, consider paying somebody to fix your issue, do it yourself or become a customer. -->

Is your feature request related to a problem? Please describe. This is loosely connected to #39

Describe the solution you'd like All events which are marked as "free" should be shown differently. Possible solutions are:

  • pale colour (increase brightness by X %)
  • marked on the side (the Outlook way, see below)
  • (other ideas are appreciated)

This is how MS Outlook 2016 shows free/busy: grafik

Describe alternatives you've considered see above

Additional context "Free" events are often over a long time, e.g. "Car is being repaired" which spans from 9 am to 4 pm. However, this does not mean the user is blocked during this time. Therefore, it should be marked clearly as "free" and this should be visible on the overview (monthly view, weekly view, ...)


Answer questions AlexandreBonneau

With pale colors, you risk getting colors similar to other calendars/categories. I think it would be better to find another way to distinguish busy and free events, for instance you could:

  • change the free event text to italic perhaps, or
  • make the background transparent so you could see the hours lines behind, or
  • change the border color to a grey color

Another solution for 'free' events could be that they span the whole time interval, but in the background so that other 'busy' event are shown on top of it.


Related questions

Appointment Slot Support hot 1
browser hangs after changing timezone of an entry hot 1
Starting day of the week (Sunday vs Monday) hot 1
Shared calendar: changes on calendar name and color not saved. hot 1
Github User Rank List