📆
FullCalendar Scheduler Suite Version 2.0
  • Element Overview
  • Install
    • Install the Plugin
    • Set Up Your Event Database
    • Install the Element
    • Videos
  • Elements
    • Calendar
      • Element Input Fields
        • Exposed Event States
        • Required Information
        • setup Event Editability
        • Optional Event Info
        • Link Event Color to Event Identifier
        • Calendar Date/Time Formatting
        • Restrict When (events can be created) / (events can be drag/dropped)
        • Business Hours
        • Toggle Event Creation Through clicking and dragging.
        • Calendar Header Formatting
        • Extra Options
        • Event Format Settings
        • Resource Settings
      • Workflow Actions
        • Initialize
        • Advanced Use
          • Create Single Event
          • Update Single Event
          • Delete Single Event
        • Calendar Navigation Actions
          • Change Calendar View
          • Jump to Date
          • Go To Today
          • Go Back / Go Forward 1 Time Period
        • Extra Actions
          • Position Event Popup
          • Toggle Allow Overlapping Events
          • Toggle Non-Current Dates
      • Exposed Data
        • Clicked Day Date
        • Clicked Day's Resource
        • Clicked and Modified Event Data
        • Selected Time Frame Data
        • Calendar Data
        • Clicked Event X & Y Coordinates
        • Clicked Day Data
      • Events
    • Time Slot / Recurring Events Generator
      • Time Slot Generator / Filter
        • Element Input Fields
          • Start and End Dates
          • Recurrence Rules
          • Daily Time Slots
          • Blocked Timeslots Event Input
          • Set Exposed Data Types
          • TimeSlotted Event Info Out
        • Exposed States
      • Schedule Coordinator
      • Availability Range Creator
    • Google Event Fixer
    • Calendar Helper
      • Exposed Data
    • Small Calendar
  • API Calls
    • Google Authentication
    • Google Calendar
    • Modified Event Data
    • Clicked Event Data
  • Change Log
Powered by GitBook
On this page
  • Font Size
  • Set Event Title Text Color
  • Background Color
  • Cross Day Background Color
  • Border Color
  • Hour Format
  • Minute Format
  • Omit 0-minute
  • Meridiem
  • 12 or 24 hour format
  • Minimum Snap Duration

Was this helpful?

  1. Elements
  2. Calendar
  3. Element Input Fields

Event Format Settings

PreviousExtra OptionsNextResource Settings

Last updated 3 years ago

Was this helpful?

  • This is just what it sounds like. How should your dates and times appear. Certainly, someone somewhere is not going to be a fan of the default settings even when the Calendar think's it's right.

  • For example, if you live in Bosnia (or are targeting some Bosnians to use your app) you may find you dont like how the dates are displayed or the am/pm is displayed. So let's fix that here!

  • For formatting that will be used here and elsewhere, the Moment.js formats can be and at .

Font Size

Set Event Title Text Color

  • Automagically set your event title color. The resulting title color will be decided by a sweet algorithm and will. You may want to set these, but you can probably leave them be for most use cases. Again, like most settings, this is dynamic and either you or a user could change it on the fly.

Background Color

This is a default color for calendar events. If you do not provide a list of event colors, event background colors will default to this settings

Cross Day Background Color

In month view, some events may cross days. When this happens, the calendar will signify this by applying a color to these events, otherwise events have no background color and are only represented by the title and the events background color in a dot to the left of the title.

Border Color

this will take either a single hex value, or will take a list of hex values. this would need to be the same length as the list of event input fields

in any view other than month view, events have borders and the border has a color. Set that here

Hour Format

takes one of the 2 following settings

If the time were 6:05 'numeric' would produce something like 6 '2-digit' would produce something like 06

Minute Format

takes one of the following 2 settings

If the time were 6:05 'numeric' would produce something like 5 '2-digit' would produce something like 05

Omit 0-minute

takes a boolean true/false

if true, times like 6:00 will display as 6

Meridiem

Normally with a 12-hour clock the meridiem displays as A.M./P.M. 'lowercase' will force it to display like a.m./p.m. 'short' will force it to display like am/pm 'narrow' will force it to display like a/p false will prevent it from displaying altogether

12 or 24 hour format

true for a 12-hour clock, false for a 24-hour clock

Minimum Snap Duration

must be set in a 24hr format like this:

  • 00:05 = 5 minute intervals

  • 00:10 = 10 minute intervals

  • 01:00 = 1 hour intervals

Set the event font size here. this takes any appropriat

The time interval at which a dragged event will snap to the time axis. Also affects the granularity at which can be made.

e CSS value
selections
found here
Momentjs.com