Other Documentations

** what to check if CSV importer not workingActions & Filters of RSVP AddonAuto Complete Ticket OrderAuto re-stocking refunded, cancelled or failed ordersChangelog ActionUser Paid Feature EventsChangelog Event ReviewerChangelog Event WishlistChangelog for ActionUserChangelog for ActionUser PlusChangelog for Advent CalendarChangelog for BookingsChangelog for CountdownChangelog for CSV ImporterChangelog for DailyViewChangelog for event APIChangelog for Event Dynamic PricingChangelog for Event Lists Ext.Changelog for Event Photos PlusChangelog for Event SearchChangelog for Event SeatsChangelog for Event SliderChangelog for Event TicketsChangelog for Events MapChangelog for FullCalChangelog for ICS ImporterChangelog for Include Anything AddonChangelog for Lists & ItemsChangelog for PDFerChangelog for QRcodeChangelog for RemindersChangelog for Repeat CustomizerChangelog for RSS feedChangelog for RSVP EventsChangelog for RSVP Events InviteesChangelog for RSVP Events WaitlistChangelog for RSVP Points AddonChangelog for Single EventsChangelog for Speakers & ScheduleChangelog for SubscriberChangelog for Sync EventsChangelog for Weekly ViewChangelog Variations & OptionsChangelog Virtual PlusChangelog YearlyViewGeneral Guide to Using the AddonGeneral User GuideGetting StartedHow to add additional data to confirmation emailHow to add additional event data to JSON outputHow to add additional fields at checkoutHow to add additional fields to download attendees CSV fileHow to add additional fields to event submission formHow to add more additional fields for RSVP formHow to add more google calendar profile supportHow to add sidebar to single events pageHow to add support for additional ICS fieldsHow to assign users to EventsHow to create a facebook APPHow to customize event feed with argumentsHow to customize RSVP emailsHow to customize single event pageHow to customize the invitation emailHow to customize ticket email templateHow to get startedHow to get startedHow to Give Access to User RolesHow to Install and use the Advent Calendar addonHow to Install and use the DailyView addonHow to Install and use the Event Countdown addonHow to Install and use the Event Dynamic Pricing addonHow To Install and Use the Event Photos PlusHow To Install and Use the Event Reviewer addonHow to Install and Use the Event Slider addonHow to Install and use the Events Map addonHow to Install and Use the FullCal addonHow to Install and use the Virtual Plus addonHow to manage capacity separately for repeat eventsHow to open RSVP form inside eventcardHow to set up additional fields for RSVPHow to set up Event TicketsHow to set up front-end event manager for usersHow to set up RSS addonHow to set up seat layout map from admin sideHow to set up variable prices for TicketsHow To Set Up Virtual Events with Jitsi™ MeetHow to setup ActionUser PlusHow to setup and get startedHow to setup reminders for RSVPHow to setup reminders for TicketsHow to show only certain event types calendar on another siteHow to use QR Code addon and check-in attendeesHow to use scanner gun to check in guestsImport additional fields using hooksJSON Data structureMake Google Calendar public and Calendar IDShow events from current logged-in userSingle events page not working 404 errorUser guide to dynamic pricing event settingsChangelog for FullCalHow to Install and Use the FullCal addon

How to Install and Use the FullCal addon

April 27, 2021

Are you looking for a traditional calendar grid that can blend with any of your page designs? Then you need to worry no more. FullCal addon gives you a traditional calendar grid that will blend with your minimalistic design to enhance features important to you & your business. 

FullCal is just not an average grid calendar but it is filled with slick features to customize your calendar such as Lightbox Events, Hover day count, Customize colors, Horizontal month navigation, Quick glance events, Load all events on load and Heat style Date boxes. Let’s look into these features:

  • Lightbox Events, on clicking on a date it opens up a lightbox whereby the lightbox has a listing of all the events for that specific date. 
  • Hover Day Count, when you place the cursor/hover over the date box, you will be able to see the number of events happening on that day. E.g on the image below on that day there are two events.   
  • Customize Colors to fit you, this feature allows you to customize colors of FullCal to match with as well blend in with your website theme color. 
  • Horizontal month Navigation, Fullcal adds an interactive, animated monthly scrolling effect to your grid view. 
  • Quick Glance Events, this feature shows up to three events coded in different colors when you hover over the date box.
  • Load all events on load, this feature allows you to see all the events to load with the page and shows up under the calendar grid. 
  • Heat Style Date boxes, this feature enables you to color-code your date boxes based on the number of events for each date relative to the rest of the calendar just like a heat graph.

To see Fullcal in action click on this link https://addons.myeventon.com/fulcal/.

Installation

Before getting started, be sure to install and update the EventOn plugin by downloading it from your Codecanyon account. You can follow our tutorial on how to install & activate EventOn on this link; https://docs.myeventon.com/documentations/how-to-activate-eventon/.

Next, you’ll need to install and activate Fullcal addon by following our general guide on how to install EventOn addons by clicking this link; /https://docs.myeventon.com/documentations/install-addons/

How to create your first Fullcal Addon

On your WordPress admin dashboard click on Pages > Add new.

To customize Event Fullcal, we will use eventON shortcode generator, click on the plus sign then Event on, which will display the EventON calendar.

Click on the option to show shortcode 

Select Fullcal

Month Grid 

  1. Focus to event, on clicking the date will scrolls the page and focus on the event list. Example shortcode [add_eventon_fc grid_ux=”1″]

Lightbox event list, example [Shortcode grid_ux=”2″]

Heat style box coloring, color code your date boxes based on the number of events. Example shortcode; [add_eventon_fc heat=”yes”]

Date hover information 

Date hover information, on click you Select what information to display on the calendar when hover over calendar dates.

  • Number of events, on placing a cursor on the date it displays the number of events.

              Example shortcode [[add_eventon hover=”number”]

  • Events/Name, on placing a cursor on the date it displays the number of events and the first three names.

Example shortcode [add_eventon_fc hover=”X”]

Did this article help you? If not, send us a ticket via helpdesk

Ready to setup your calendar?

Buy EventON Now