The Calendar Event Multi View is an event calendar for WordPress websites that features multiple visualization modes and multiple predefined styles.
- Classic month view (like Google Calendar)
- Multi-month view (show a configurable number of months at once)
- Day view
- Week view
- Multiple configurations for the views, the same view can be used in a very different way
- Allows multiple views for the same event calendar on the same page
- Configurable start day of the week
- Can be setup to edit the events from the public website
- You can select which button show/display (ex: navigation buttons, refresh button, others…)
- The event calendar information can be displayed in many ways: Title + tooltip on mouse over or Title + tooltip on mouse click
- Events can have a location and an extended rich text description
- Multiple selectable colors to highlight events in the calendar
- Events can be linked to other pages.
- Can display images directly on the calendar cells
- Can be easily published in a page or post by using its shortcode or visual publish button
- Can be setup to use a 12 or 24 hour clock.
- Can be setup to display only the weekdays needed
- Fast Ajax load for the events data
- Recurring events / repeat events like Google Calendar
You can see 20 sample visualization modes and an online demo at: https://wordpress.dwbooster.com/calendars/cp-multi-view-calendar
Languages Included in the Calendar
If your language is not listed here feel free to open a support ticket and it will be added asap.
New: The latest update features a new interface for easily editing a previously inserted event calendar views and preview buttons for a faster verification of how they will look in the website.
Import / Export events using iCal
The option to import events from iCal files and export the calendar events to iCal files is currently available in the Platinum version of the plugin (commercial version). The iCal / .ics files supported are compatible with the Google Calendar iCal format.
Settings in the insertion area
To insert the calendar form into some content or post use the insertion area that will appear below the editor when editing contents. It looks like the following image:
The fields on the event calendar insertion area (shown in the above image) are the following:
- MultiCalendar: Which of the calendars will be shown.
- Calendar Views: The views that will be included in the event calendar.
- Default View: Which of the calendar views will appear as default.
- Start day of the week: The start day of the week (Ex: Sunday, Monday, …).
- CSS Style: Select one of the CSS styles available to render the calendar.
- Palette Color: The palette color used for the events in the calendar.
- Allow edition: Check this box if the event calendar will allow edition on the public website.
- Other buttons: Select the buttons that will be displayed on the top of the calendar.
- Number of Months for nMonths View: Number of months shown at the same time in the nMonths View.
- Other parameters for nMonths View: Other parameters for the nMonths View (more info below).
- Other parameters: Other parameters that apply to all calendar views (more info below).
Adding custom parameters
The additional parameters should be added into the “Other Parameters” box in the event calendar insertion area. These parameters must be comma separated and will overwrite the initial configuration selected for the event calendar.
The “Other Parameters” box can be found in the following location (click to enlarge image): https://wordpress.dwbooster.com/demos/multi-view/screenshots/additional-parameters.png
Adding custom CSS Styles
The custom CSS styles can be added into the “Customization area >> Add Custom Styles” (at the bottom of the page that contains the list of calendars).
Sample calendar views
The following area some sample views. You can apply or mix configurations to get your own calendar views in addition to the following samples:
View day only: Event calendar configured with the “day” view option only, the “Default View” should be “day”. The views “Week”, “Month”, “nMonth” should be unchecked. To fix the height, just add (for example) the parameter “height:400”. Sample: https://wordpress.dwbooster.com/demos/multi-view/01-view-day-only.html
View week only: Event calendar configured with the view week option only; the “Week” view should be enabled and the default view should be “week”. The views “Day”, “Month” and “nMonth” should be disabled. To fix the height, just add (for example) the parameter “height:400”. Sample: https://wordpress.dwbooster.com/demos/multi-view/02-view-week-only.html
View month only: Event calendar configured with the view month option only. To get this enable the “Month” view and set the default view to “month”. The views “Day”, “Week” and “nMonth” should be unchecked. To fix the height, just add (for example) the parameter “height:400”. Sample: https://wordpress.dwbooster.com/demos/multi-view/03-view-month-only.html
View n-Months only: Event calendar configured with the view n-Months option only. This can be done by setting the amount of months to display in the event calendar to 12, enable only the “n-Month” view and setting the “Default View” to “nMonth”. All the other views and buttons should be unchecked. In the styles for this sample we have selected to fix the calendar width. Sample: https://wordpress.dwbooster.com/demos/multi-view/04-view-n-months-only.html
Small event calendar: You can configure the calendar just like a single small event calendar. This can be done by selecting the n-Months view and setting the “Number of Months for nMonths View” dropdown select box to 1. Sample: https://wordpress.dwbooster.com/demos/multi-view/05-small-calendar.html
n-Month view, only one month, large view: Event calendar with the n-Month view configured to display a single month in a large view. To get this result enable only the “n-Month” view and add the styles specified in the following sample page: https://wordpress.dwbooster.com/demos/multi-view/06-one-month-large-view.html
n-Month view with 2 months using all the width: To get this result in the calendar enable only the “n-Month” view, set the “Number of Months for nMonths View” dropdown select box to 2 and add the styles specified in the following sample page to fix the width of both the event calendar area and the width of each month: https://wordpress.dwbooster.com/demos/multi-view/07-two-months-using-all-the-width.html
n-Month view, 3 months with vertical align: The first settings needed to get this calendar configuration is to enable only the “n-Month” view and set the “Number of Months for nMonths View” dropdown select box to show 3 months. After that proceed to add some CSS styles to fix the width to the desired column width. This way you can publish the calendar in the sidebar of your website. Sample: https://wordpress.dwbooster.com/demos/multi-view/08-various-months-with-vertical-align.html
Tooltip displayed on month,week and day view: In this event calendar sample, when you click over an event in the calendar, a floating tooltip panel with additional information is displayed. This type of tooltip is available for the month, week and day views. The n-Month view has a different type of tooltip panel. To enable the tooltips, the parameter “showtooltipdwm” must be set to “true” (or enable it by checking the checkbox in the visual configuration). In addition to these parameters, add also the styles mentioned in the following page as instructed: https://wordpress.dwbooster.com/demos/multi-view/09-tooltip-displayed.html
Lighter view for events and center align: This calendar sample features the month, week and day views showing the events with a more lighter view: a color border is used instead filled backgrounds and the text is centered. The tooltips are already enabled for this sample; to enable the tooltips you can do that by checking the tooltip checkbox in the visual configuration or just by setting parameter “showtooltipdwm” to “true”, this is also explained in other demos. To get the more lighter view you can add the styles indicated at this page: https://wordpress.dwbooster.com/demos/multi-view/10-lighter-view-center-align.html
Multi-line event description: Event calendar that displays a multi-line event description in the month, week and day views, this is useful to display more information directly over the calendar. Only two CSS rules should be added to the styles to get this configuration. It will work with any selection of parameters if you are using one of the mentioned views. Check the detailed instructions at this page: https://wordpress.dwbooster.com/demos/multi-view/11-multi-line-event-description.html
Images and HTML formatting in tooltip: The tooltips on the calendar can show images and formatted text. There are some styles that can be used to show/hide/customize the title, location, description and time: these styles are the CSS classes named “bubbletitle”, “bubblelocation”, “bubbledescription” and “bubbletime”. In this sample we have used only the class “bubbletime” to align it at the bottom of the content/image: https://wordpress.dwbooster.com/demos/multi-view/12-images-and-html-formatting-in-tooltip.html
Images directly on the calendar cells: You can use this plugin like a picture calendar. The images should be added to the event description and the css rules mentioned in the following page to complete the formatting: https://wordpress.dwbooster.com/demos/multi-view/13-images-directly-on-the-calendar-cells.html
Show only from Monday to Friday: In this event sample we have disabled the Saturday and Sunday since this is a common configuration. In the “viewWeekDays” parameter, each number in the array represents a weekday from Sunday to Saturday. An zero means that the weekday is disabled (not shown) and a 1 means that the day is enabled (shown). Details at: https://wordpress.dwbooster.com/demos/multi-view/14-show-only-from-monday-to-friday.html
Using 12 or 24 hour clock: This calendar supports both the 12 and the 24 hour clock (also known as military time). The 24-hour clock is enabled as default; if you prefer to use the 12-hour clock then just set the parameter “militaryTime” to “false”. Sample: https://wordpress.dwbooster.com/demos/multi-view/15-using-12-or-24-hour-clock.html
Showing the n-Days view: With this event calendar view you can display many days in a view similar to the single day view. First you should enable the “nDays” view and then set the number of days to view on each calendar page. The parameters are viewNDays:true for enabling the view, numberOfDays:10 for setting the number of days and viewdefault:”nDays” to make it the default view if needed. Sample: https://wordpress.dwbooster.com/demos/multi-view/16-n-days-view.html
Selecting hours to be shown: In some applications you may want to select only some hours to be shown in the event calendar, for example working hours. In the “Days”, “nDays” and “Week” views you can select the range of hours to be shown be setting the start and end hours. Three parameters must be specified for this: the start hour hoursStart:8, the end hour hoursEnd:17 and the height of a single hour cell cellheight:60. Hours are in military time, so 17 means 5:00pm. Sample: https://wordpress.dwbooster.com/demos/multi-view/17-selecting-hours-to-be-shown.html
Using drop-down lists for location and title: The location and title that are part of each event’s description in the calendar are open/editable fields by default but you can convert them in drop-down lists to make them easier to edit and keep the data consistency. Sample and detailed instructions: https://wordpress.dwbooster.com/demos/multi-view/18-lists-for-location-and-title.html
Multi-column day view, location or title: In this event calendar sample the location and title have been converted in drop-down lists as explained in the previous sample #18. In addition to that now we have selected to use the “title” field as the column header in the day view, this way the events are placed in different columns agrupated by their titles. The same can be done with the location instead the title. Sample and detailed instructions: https://wordpress.dwbooster.com/demos/multi-view/19-multi-column-day-view.html
Day view with location & title grid: The event calendar day view can be modified to show the title and location as headers of the rows and column instead the default single columns and the hour in the row header. This is useful to display informations agrupated by title and location on each day. Sample and detailed instructions: https://wordpress.dwbooster.com/demos/multi-view/20-day-view-with-location-title-grid.html
To install Calendar Event Multi View, follow these steps:
- Download and unzip the plugin
- Upload the entire cp-multi-view-calendar/ directory to the /wp-content/plugins/ directory
- Activate the plugin through the Plugins menu in WordPress
- Configure the settings at the administration menu >> CP Multi View Event Calendar.
- To insert the calendar form into some content or post use the icon that will appear when editing contents
Q: Is the plugin ready to comply the European GDPR regulation?
A: Yes, plugin is prepared to comply the European GDPR.
The plugin doesn’t store personal data, IP address or cookies from the user unless explicitly entered as part of the text of an event in the calendar.
Q: What means each field in the settings area?
A: The product’s page contains detailed information about each settings field and customization:
Q: How events are added into the event calendar?
A: In the dashboard area go to “WordPress administration menu >> CP Multiview Event Calendar” and click the button “Admin Calendar Data” that leads to a page where you can add/edit/delete events.
The events edition on the public event calendar can be also (optionally) enabled, that way the website visitors can edit events directly in the event calendar without having to access through the dashboard.
Q: How show the entire title on month,week and day view?
A: Add this CSS rule into the “Customization area >> Add Custom Styles” (at the bottom of the page that contains the list of calendars):
Q: How to show differents colors in the nMonth view?
A: Use the following configuration parameter:
The parameters should be added into the “Other Parameters” box. These parameters must be comma separated and will overwrite the initial configuration selected.
The “Other Parameters” box can be found in the following location (link to image):
Q: How to allow edition on the public calendar only for some registered users?
A: If you want to setup the calendar editable only by some users in the public website then publish a view of the calendar in a private page (restrict the access to the page with the calendar with “Edition” enabled).
You can have multiple views of the same event calendar, one for read-only public access and another view with edition enabled on a private page accessible only by registered users.
Note that there are two different concepts here:
- An event calendar: This is a unit of information and events. The events aren’t shared with other calendars.
- An event calendar’s view: This is the way a calendar is displayed. The same event calendar can have multiple views in the same page or in different pages. Since the calendar unit is the same, the data is shared between all views but the visual settings and features can be different.
See also this other FAQ entry about additional permissions settings: https://wordpress.dwbooster.com/faq/cp-multi-view-calendar#q205
Q: How show the entire title on month,week and day view on the event calendar?
A: Add this CSS rule into the “Customization area >> Add Custom Styles” (at the bottom of the page that contains the list of calendars):
Q: Can I change the event calendar plugin date format to DD/MM/YYYY?
A: The date format is automatically defined with each language to the proper values, however if you want to overwrite those settings open your plugin language file “wp-content\plugins\cp-multi-view-calendar\DC_MultiViewCal\language\multiview_lang_xx-XX.js”, where xx-XX in the file name is your language identifier and into that file modify the items marked below:
"fulldaykey": "MMddyyyy", "fulldayshow": "L d yyyy", "fulldayvalue": "M/d/yyyy", "Md": "W M/d", "nDaysView": "M/d", "Md3": "L d", "separator": "/", "year_index": 2, "month_index": 0, "day_index": 1,
… to this:
"fulldaykey": "ddMMyyyy", "fulldayshow": "d L yyyy", "fulldayvalue": "d/M/yyyy", "Md": "W d/M", "nDaysView": "d/M", "Md3": "d L", "separator": "/", "year_index": 2, "month_index": 1, "day_index": 0,
Contributi e sviluppo
“Calendar Event Multi View” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.Collaboratori
Ti interessa lo sviluppo?
Changelog (registro delle modifiche)
- Compatible with WordPress 6.0
- Compatible with WordPress 5.9
- PHP compatibility fix
- Fixed jQuery initialization issue
- Compatible with WordPress 5.8
- Security improvements
- Compatible with WordPress 5.7
- Minor visualization bug fixes
- Compatible with WordPress 5.6
- Replaced jQuery deprecated code
- Fixed bug with jQuery deprecated code
- jQuery compatibility update
- Compatible with WordPress 5.5
- Language detection improvement
- Compatible with WordPress 5.4
- Fixed bug in lists
- Added Swedish language
- Compatible with WordPress 5.3
- New settings option to overwrite date format
- Optimized script enqueue
- Fixed bug on min/max date
- Fixed bug on max date / n-month calendar view settings
- Update to publish section
- Fix to database encoding
- Updated editor settings
- Multiple code improvements
- Code improvements
- Update for compatibility with WordPress 5.2
- Compatible with Google Translate
- Compatible with WordPress 5.2
- Review link update
- Fixed conflict with third party plugin (NextGEN Gallery)
- Fixed bug in edition window
- New mobile-friendly edition interface
- Improved compatibility with Elementor
- Fixed bugs data loading
- Fixed bugs in day events for weekly and daily views
- Fixed bug in events floating panel
- Removed use of CURL
- Fixed compatibility issue with Gutemberg Editor
- Fixed compatibility issue with Elementor
- New responsive edition panel
- Compatible with WordPress 5.0
- Interface improvements
- Fixed bug in recurrent events
- Several interface improvements
- Improved security in custom edition area
- Fixed admin edition view and added list
- Better CSS edition area
- Added automatic data deletion option
- Fixed problem with lines alignment in the day and week view
- Fixed magic quotes issues
- Fixed conflict with Gutemberg editor
- Easier installation process and publish wizard
- First calendar view is automatically created during installatino
- Improved interface for easier use
- Fixed conflict with Beaver Builder
- Fixed bug related to the avoid overlapping events feature
- Activation issue fixed
- Fixed jQuery conflicts
- Database creating encoding fix
- Fixed bug in activation process
- Readme updates and optional feedback feature added.
- Easier activation process
- Improved interface and documentation
- Added interval by hour configuration value
- Fixed problem in day visualization
- Fixed conflict with W3 Total Cache
- Fixed problem when adding events from a locations list
- Renamed plugin references to avoid conflicts
- Fixed typo in Slovak translation
- Updates to CSS in order to improve the responsive visualization
- Language updates in English, French, German, Italian, Russian, Portuguese, Danish, Czech, Dutch, Norwegian, Polish and Slovak
- Language updates
- Updates to CSS in order to improve the visualization
- Updates to support a new calendar view
- Fixed bug in review panel
- Fixed problem with numberofdays in the day, week and nDays View
- Updates to support a new calendar view
- Fixed problem with arrows alignment into the nMonth view
- Compatible with WordPress 4.9
- Fixed bug in classic view
- Fixed CSS to the fix the position of the icons
- Fixed bug related to the new event popup in the month view.
- Security update for edition access verification.
- Added feature to modify character sets
- Fixed conflict with third party plugins in the edition panel
- Fix to avoid PHP warning
- Fixed bug in edition window
- Demo and sample pages moved to SSL
- Moved plugin website and links to SSL
- Interface modifications for clearer instructions
- Security update to prevent direct calls to scripts
- Optimized method for loading CSS
- Tested and compatible with WordPress 4.8
- Fixed bug while using shared resources
- Improvements to query sanitization
- Fixed bug in review panel
- Support pointed to public forum
- Better query sanitization with $wpdb->prepare
- Fixed bug related to print not working in Google Chrome
- Calendar shortcode also available for admin area
- Improved the week view for mobile version
- Fixed bug related to encoding text into the event location
- Fixed bug related to conflict with viewWeekDays parameter and start day of the week
- Fixed bug with recurring events in the list view
- Fixed bug when create an event that spans more than one day
- Display all events in the month view without the “more event” link
- Improved responsive design in the week view.
- Fixed bug into the German Language.
- Improved visualization in the week view.
- Fixed bug related to encoding text into the edition event
- Fixed another bug related to week view with rows
- Fixed bug related to week view with rows and not all day events
- Database update
- Changed the portuguese language file
- Admin intf updates
- Added CSS class to time in the month view
- Fixed links
- Changed the code to configure the hours width in the day and week view
- Fixed bug related to the default location when dc_locations is used
- Fixed bug related to the position in the “Quick add” tooltip
- Correction to views list
- Fixed bug related to the time edition in the recurrent events
- Fixed bug related to showing the calendar in Internet Explorer
- Fixed bug in the position of the edition calendar
- Fixed bug related to the recurrent events
- Compatible with WP 4.7
- New documentation page
- Avoids the error “414 Request-URI Too Long” in some servers
- Fixed bug related to responsive design in nMonth view
- New upgrade option
- Update for month view visualization
- Fixed problem of event height in the week view
- Avoid conflict with the CSS theme when date_box_with_color_in_nmonth_view is true in the nMonth view
- Fix to CSS conflict in nMonth view
- Updated for one instance of recurrent events
- Modifications to make the calendar more responsive in weekly view on a cell or tablet
- Fixed bug related to starts showing 00:00 events at the 12:00 level in Weekly view
- Fixed bug on duplicated events
- Update for recurrent events
- Fixed bug related to the recurrent events start always in the current date
- Fixed bug related recurrents events with current date
- Fixed bug events time
- Fixed bug in view creation
- Language update
- Fixed to magic quotes feature
- Fixed bug related to nDays view.
- Fixed bug related to recurrent events in the rrule file
- Fixed bug in the ndays view related to the cells of the calendar getting out of the borders
- New custom request form
- Compatible with WP 4.6
- Polish language update
- New page for custom requests
- Improved language auto-detection
- Added alternative script load methods
- Fixed bug in the week view to avoid a conflic with the CSS theme
- CSS update to fix the time color in the day view
- New support addr and tracking param
- Fixed bug related to the auto heigh into the day and week view
- Fixed bug in encoding of calendar params
- Removed old versions of the calendar
- Calendar improvement to minimize plugin conflicts
- New init hooks
- Moved old changelogs to external file
- Fixed bug related to initialization in the event edition’s colorpicker
- Added new script load method
- Lang update for recurrent events
- Tested in WP 4.5
- Fixed bug related to the recurrent events in the february 28
- Fixed the dynamic row height in Multi-column week view.
- CSS update to fix the time color in the week view
- Fixed the dynamic row height in Multi-column day view.
- Allow dynamic row height in the rows by category in the week view
- Fixed bug in the editor to keep the focus in the description field
- CSS update to fix the weekday color in the nMonth view
- Fixed bug when loading events from database
- Fixed bug in month view with quick add button.
- Fix for a correct refresh of the calendar after editing an event.
- Update for fixing update date issue
- Fixed problem with the focus in chrome quick add button
- Fixed bug related to render after quick add event button
- Improved the visualization in the day and week view
- Translation corrections
- Fixed bug in the “more events” text
- Fixed bug in the quick add button
- Fixed bug related to the “more events” feature
- Fixed bug related to the autoselect color in the event edition
- Fixed underline CSS issues
- Fixed bug related event color in the move action
- Tested and compatible with WordPress 4.4
- Fixed script error
- Fixed bug in month view
- Fixed bug related to the heigh of the cell in the day and week view
- Fixed bug related to recurrent events in List View
- Fixed bug related to resize event in the day and week view
- Prevent recurrent events be moved with drag and drop feature to keep data integrity
- Fixed bug related to loosing focus while editing event details
- Fixed bug related to the annually repeat event.
- Add configurable dialog width in the day, week, month and nMonth views
- Fixed bug related to recurrent events.
- Added note about the recurrent events
- Updated CSS rules to avoid conflicts in WP 4.3
- Compatible with WordPress 4.3
- Fixed bug in the mindate parameter.
- Update to the new PHP style contructor for WP 4.3
- Replaced heading tags in admin interface.
- Fixed bug related to undefined message that appeared under slow connections.
- Fixed bug related to the latest day of the month for repeat events
- Added tracking to error codes
- Fixed bug in parameters processing
- Fixed SQL vulnerability (thank you to Joaquin Ramirez Martinez for the report)
- Tooltip setting is now marked as default
- New col attribute in the day view with columns
- Pre-selection of items in quick add tooltip features
- Compatible with the latest WordPress 4.2.x version
- Sanitized output of items on the admin area
- Fixed SQL and XSS Vulnerabilities (vulnerability was found by Joaquin Ramirez Martinez with the help Christian Mondragon Uriel Zarate)
- Translations improved
- Update to the ajax url paths
- Fixed bug related to the date format
- Improved plugin security
- Fixed warning that appeared with PHP safe mode restrictions
- Sanitized GET parameters used in queries
- Interface modifications.
- Added missing images folder
- Preview options for the event calendar views
- Fixed bug with special characters in events
- Compatible with the latest WP versions
- Modifications to make the calendar responsive