41

Product support

Get help in the plugin support forum.

Categories

Calendar is a localized JavaScript calendar for displaying events on one or several sites. The calendar implements a huge variety of features using a simple navigation within the october backend.

Features:

  • More than 60 languages for the frontend.
  • Localization features as well as custom markdown.
  • Several options for styling and using the calendar.

Copyright © Christoph Heich 2019

This plugin requires jQuery and JavaScript!

Installation

After the installation of the plugin simply add the calendar component to your page, you can limit the retrieved events using the "Limit" property, the "Language" property can be used to change the language of the calendar.

If you add more than one calendar component to the page you could for example set each with a different language to allow localization.

To add events to a calendar navigate to the calendar within the backend and add an entry, it can be customized a lot.

Custom Markdown

If you would like to add a custom markdown, instead of using the default one, please add the following code to your page including the calendar component.

Make sure to deactivate the "default" property within the component.

All customization options for the calendar self can be found here: https://fullcalendar.io/docs

 {% component 'calendar' %}
        {% put scripts %}
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                var calendarEl = document.getElementById('{{ calendar.alias }}');

                var calendar = new FullCalendar.Calendar(calendarEl, {
                    plugins: [ 'dayGrid', 'list', 'bootstrap' ],
                    header: {
                        left:   'today, prev, next',
                        center: 'title',
                        right:  'dayGridMonth, dayGridWeek, dayGridDay, list'
                    },
                    locale: '{{ calendar.property("language") }}',
                    events: {
                        url: document.location.origin + '/api/christophheich/calendar/feed/{{ calendar.property("limit") }}',
                        method: 'GET',
                        failure: function() {
                            alert('there was an error while fetching events!');
                        }
                    },
                    eventClick: function(info) {
                        if (info.event.url) {
                            window.open(info.event.url);
                            return false;
                        }
                    },
                    eventRender: function(info) {
                        info.el.setAttribute('title', info.event.extendedProps.description);
                    },
                });

                calendar.render();
            });
        </script>
{% endput %}

Licence

The Plugin uses the OctoberCMS licence for paid plugins Regular or Extended.

Icon created by Paomedia from www.iconfinder.com.

  • Found the plugin useful on 11 Nov, 2019

    Great plugin, the best calendar plugin for October CMS.

    While I was searching for a calendar I found this one and it was perfect for my needs as didn't have time to code one up myself. The appearance is also customizable with just a few CSS changes.

  • author

    Replied on 12 Nov, 2019

    Thank you for the positive feedback.

    If you encounter any issues please let me know them.

    Regards Christoph

  • Found the plugin useful on 5 Nov, 2019

    Great plugin, it is very easy to use and can be used righ out of the box.

    While i was searching for a calendar i found this one and it was perfect for my needs as i am having no experience in programming at all.

    After installing the plugin i only added the component to the page thingie and it just worked.

  • author

    Replied on 11 Nov, 2019

    Thank you for the positive feedback, let me know if you encounter any issues or if you need any help.

    Regards Christoph

1.0.19

Fixed an issue with displaying the incorrect time of a recurring event.

Nov 11, 2019

1.0.18

Fixed an issue with displaying the correct color of an event.

Nov 08, 2019

1.0.17

!!! This is an important upgrade that contains breaking changes. The plugin will upgrade to FullCalendar 4.3.1

Nov 05, 2019

1.0.16

Changed Routes.php to routes.php to fix issues on Unix.

Oct 30, 2018

1.0.15

Updated table christophheich_calendar_events

Oct 30, 2018

1.0.14

Updated table christophheich_calendar_entries

Oct 30, 2018

1.0.13

Updated table christophheich_calendar_entries

Oct 30, 2018

1.0.12

Updated table christophheich_calendar_events

Oct 30, 2018

1.0.11

Updated table christophheich_calendar_entries

Oct 30, 2018

1.0.10

Updated table christophheich_calendar_events

Oct 30, 2018

1.0.9

Updated table christophheich_calendar_categories

Oct 30, 2018

1.0.8

Created table christophheich_calendar_categories

Oct 30, 2018

1.0.7

Updated table christophheich_calendar_events

Oct 30, 2018

1.0.6

Created table christophheich_calendar_events

Oct 30, 2018

1.0.5

Updated table christophheich_calendar_entries

Jun 03, 2018

1.0.4

Updated table christophheich_calendar_entries

Jun 03, 2018

1.0.3

Updated table christophheich_calendar_entries

Jun 03, 2018

1.0.2

Created table christophheich_calendar_entries

Jun 03, 2018

1.0.1

Initialize plugin.

Jun 03, 2018