📆
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
  • Initialize Calendar Input Fields
  • New event Colors
  • Time Slot Display
  • Daily Start Time default: 00:00
  • Daily End Time default: 24:00
  • Time Slot Duration
  • Scroll Time
  • Calendar View Settings
  • Default Date
  • Initial Calendar View
  • Calendar Styles Settings
  • Header
  • Buttons
  • Extras
  • Resource Font Size
  • Resource Area Size
  • Calendar Date format
  • Use Date Dots (only applies to month view
  • Dot Color
  • Long Event Background Color
  • Click to view day
  • Verify Event Drop
  • Event Tooltips
  • Display Tooltips
  • Calendar Border
  • Border Width
  • Border Color

Was this helpful?

  1. Elements
  2. Calendar
  3. Workflow Actions

Initialize

This is what gets the calendar to appear on your screen. Without this, it's a no go!

PreviousWorkflow ActionsNextAdvanced Use

Last updated 3 years ago

Was this helpful?

Initialize Calendar Input Fields

New event Colors

  • These refer to the color of events when you are click-and-dragging to create an event. The created placeholder will adhere to these self-explanatory color values

Time Slot Display

Daily Start Time default: 00:00

default: 00:00

  • This input restricts the earliest time of day the calendar will display and must be set in a 24-hour 00:00 format

  • This makes it easy to restrict what people can see and when they can potentially create a calendar event.

  • This can also be used to produce a cleaner output. Perhaps you really only need to see a certain set of hours per day.

Daily End Time default: 24:00

default: 24:00

  • This input restricts the latest time of day the calendar will display and must be set in a 24-hour 00:00 format

  • This makes it easy to restrict what people can see and when they can potentially create a calendar event.

  • This can also be used to produce a cleaner output. Perhaps you really only need to see a certain set of hours per day.

Time Slot Duration 

default: 00:30

  • This input allows you to control the calendar time slot length

  • Default is 30 minutes

Scroll Time

default: 09:00

  • This input controls the time of day the calendar starts scrolled to and takes a 24:00 hour input.

  • Default is 09:00 or 9 AM

Calendar View Settings

Default Date

  • You must need to set the initial date.

  • There is no default value here.

  • This is kind of a fuzzy value at times. But, in essence, when you set this value the calendar holds a Date State. For example July, 4, 2021 2:39 PM EST.

    • Then, depending on the view, the calendar has to force that date to agree with the view.

      • So, If you have decided to start your week on Sunday and you view your calendar in:

        • Month View

          • You'll be displayed the month of July

          • Now Indicator will emphasize the day of the month

        • Week View

          • You'll be displayed a date range of July 4 - 10

          • Now Indicator will emphasize the day of the week and time of day

        • Day View

          • You'll be displayed the 4th of July

          • Now Indicator will emphasize the time of day

Initial Calendar View

  • There are a lot of views. The following is a list of possible view names. 

[timeGridDay,timeGridWeek,timelineDay,timelineWeek,dayGridDay,dayGridWeek,dayGridMonth,listDay,listWeek,listMonth,listYear,customView1,customView2,resourceTimeGridDay,resourceTimeGridWeek,resourceDayGridMonth,resourceDayGridDay,resourceDayGridWeek,resourceTimelineDay,resourceTimelineWeek,resourceTimelineMonth]

Calendar Styles Settings

  • Any acceptable Bubble CSS font or font family can be used here

  • Set the day cell borders to any color you would like

  • Set the day cell borders style for the inner cells of the table.

  • Set the day cell border width for the inner cells of the table.

  • Set the color of calendar text

Header

  • For the previous and next buttons you can use text or chevrons. no other choices at this time

  • Choose the calendar title text color

Buttons

  • #1

    • This will be the main color for buttons across the calendar header

  • #2

    • these colors will apply when any of the buttons across the top are hovered

  • #3

    • This will apply when a button is inactive. as far as I can tell, this only applies to the today button. when the current day is in view, you cannot click on the 'today' button

  • #4

    • This will apply to the current view's corresponding button

Extras

Resource Font Size

  • this will set the font size when using a resource view. if you have a small calendar but long resource name, this can help you fit an extra 1-3 resources in your view. perhaps more.

  • can also be set dynamically here

Resource Area Size

  • this setting takes a number in pixels to set the initial width when using the resource timeline view.

  • this only applies to resource timeline view

Calendar Date format

  • This will set the way that day names are formatted in any view

  • can also be set dynamically here

Use Date Dots (only applies to month view

  • when this box is checked, in month view, events will appear like this

and when not checked will look like this

Dot Color

Long Event Background Color

Click to view day

  • Check this box to click into day view of the clicked day. if this is not clicked, you'll need to navigate into day view by clicking the actual date and not anywhere in the day cell

Verify Event Drop

  • when dragging -and-dropping events on the calendar, this setting will produce an alert prior to allowing the event to be dropped.

Event Tooltips

Display Tooltips

  • Check this box to display tooltips over events. The event title will be displayed but if there is a single request to do so, this choice will become more flexible. Until then, it's the title ;)

Calendar Border

Border Width

  • This is taking a numeric value in pixels. This will control the outer border of the calendar

Border Color

  • Set the color of the outer border

You can set this here and modify it later

Choose whether or not to use a default header. If you do not use the default header you will likely want to control the calendar using

when date dots are being used, you can set them here and then dynamically

set the color of the background of the long events when the date dot is checked. these only appear when the date dot is checked. set it dynamically

here
these options
here too
here
want to control more features? just ask!