#70

Product support

Get help in the plugin support forum.

Categories

  • E-Commerce
  • Marketing
  • Miscellaneous
  • Social
  • Utility

Calendar is a JavaScript calendar based on FullCalendar, it implements a huge variety of features using a simple navigation within the october backend.

Key Features:

  • Easy to use!
  • Localization features as well as custom markdown.
  • Several options for styling and using the calendar.

Copyright © Christoph Heich 2018

Calendar with API Event and Tooltips

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).ready(function() {

                $('#{{ calendar.alias }}').fullCalendar({
                    header: {
                        left: 'prev,next today',
                        center: 'title',
                        right: 'month,agendaWeek,agendaDay,listWeek'
                    },
                    locale: '{{ calendar.property("language") }}',
                    navLinks: true,
                    editable: true,
                    eventLimit: true,
                    eventSources: [{
                        url: document.location.origin + '/api/christophheich/calendar/feed/{{ calendar.property("limit") }}',
                        type: 'get',
                        error: function() {
                            alert('error fetching');
                        }
                    }],
                    eventClick: function(event) {
                        if (event.url) {
                            window.open(event.url);
                            return false;
                        }
                    },
                    eventRender: function(eventObj, $el) {
                        $el.popover({
                            title: eventObj.title,
                            content: eventObj.description,
                            trigger: 'hover',
                            placement: 'top',
                            container: 'body'
                        });
                    },
                });

            });
        </script>
{% endput %}

Licence

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

Icon created by Paomedia from www.iconfinder.com.

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