Calendar Display Component

Overview

The Groundswell Calendar Display, powered by ToastUI, gives designers the ability to quickly have a modern calendar display in their sites and dashboards with the simplicity of a single component. The dense, versatile display supports different calendar views with styling matching your site’s accent color. Example interfaces and utility rules are attached, which demonstrate usage and features of the component.

Key Features & Functionality

Display an array of events in Daily, Weekly, or Monthly format. Toggle days and weeks using an input parameter.
Automatic timezone shifting. By default, all provided events display in the timezone of your browser, but this can be overridden by providing TZ names ("America/Los_Angeles") OR a timezone code (EDT,CST,etc).
Multiple language support. Currently supports US English (en-US), UK English (en-GB), Spanish (es), Italian (it), Polish (pl), and Portuguese (pt).
Supports different date formats via a parameter.
Supports a detailed event pop-up of time, title, attendees, location, and event description.
Supports custom colors, font sizes, borders, and other attributes via applying custom themes.
Support for visible weeks, weekend display, and start of week for specific locale needs.
Allows event selection, should you want to edit an event or display details in addition to, or in lieu of, the detailed pop-up view.
Allows events to be "rescheduled" via drag and drop or through a modal
Allows events to be created and deleted directly from the calendar
Supports multiple calendars
More details and examples available in attached resources and sample application.

nishanths over 4 years ago

Hello,

Would like to understand more on format of "events (List of Dictionary)"

Documentation in the package explains few of the event properties.

But i could see below additional properties as part of selected event,

isAllDay,
color,
isVisible,
bgColor,
dragBgColor,
borderColor,
dueDateClass,
customStyle,
isPending,
isFocused,
isReadOnly,
isPrivate,
recurrenceRule,
state,
goingDuration,
comingDuration,
raw,
__fe_id

(For example we can set background color for an event using bgColor)

So, can someone help to explain/direct me to the documentation(if any) to understand how each property will work.

Thanks,

Nishanth
- Cancel
- Up +1 Down
- Reply
- More
- Cancel
April Schuppel over 4 years ago in reply to kevinr0001

Hi kevinr0001 - there is documentation and a sample application included in the download package!
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
kevinr0001 over 4 years ago

Hello,

where can I find the documentation for this:

"events (List of Dictionary): List of events to display in the current view. See supporting documentation regarding format."

I cannot figure out how to get my data into the format that it wants, could someone please point me to the documentation?

thanks,

Kevin
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
April Schuppel over 4 years ago in reply to Justin Watts

Hi and Justin Watts - the plug-in has been updated!
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Justin Watts over 4 years ago in reply to Sandeep Kunder

This is helpful - it's a locale problem I believe. What locale is Appian set to? I'm going to guess en-gb - if that's the case we can add language support for that pretty easily.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Sandeep Kunder over 4 years ago in reply to Justin Watts

Sorry, my previous reply was marked as spam for some reason.

I see this error in browser console across Chrome/firefox/safari
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Justin Watts over 4 years ago in reply to Sandeep Kunder

That same code works for me as well, so I assume issue is related to your browser. Please provide your browser type and version, as well as any message showing up in Developer Tools console.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
April Schuppel over 4 years ago in reply to Sandeep Kunder

Hi - I've reached out to the author to see if they can assist further.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Sandeep Kunder over 4 years ago in reply to April Schuppel

I have installed correctly. This is what the same interface looks link in my designer.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
April Schuppel over 4 years ago in reply to Sandeep Kunder

Hi sandeepk101 - I copied & pasted your code and it successfully displayed the interface in the Interface Designer and in a Site. Are you sure the plug-in is deployed to the site?
- Cancel
- Up 0 Down
- Reply
- More
- Cancel