Skip to main content
Version: 8.1

Vision - Month View

Component Palette Icon:

Description

This component displays events for an entire month. By filling in the Calendar Events dataset property, the component will display events that occur for each day of the month. Each event can have custom text and a custom display color associated with it.

Properties

PropertyDescriptionProperty TypeScriptingCategory
BorderThe border surrounding this component. Options are No border, Etched (Lowered), Etched (Raised), Bevel (Lowered), Bevel (Raised), Bevel (Double), and Field Border.
Note: The border is unaffected by rotation.

Changed in 8.1.21
As of 8.1.21, the "Button Border" and "Other Border" options are removed.
Border.borderCommon
Calendar Background ColorThe color of the calendar's background. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector.Color.calendarBackgroundAppearance
Calendar eventsContains the calendar events.Dataset.eventsData
CursorThe mouse cursor to use when hovering over this component. Options are: Default, Crosshair, Text, Wait, Hand, Move, SW Resize, or SE Resize.int.cursorCodeCommon
Day FontThe font for the number representing the day of the month.Font.dayFontAppearance
Day Foreground ColorThe foreground color for days in this month. See Color Selector.Color.dayOfMonthForegroundAppearance
Day Other Foreground ColorThe foreground color for days not in this month. See Color Selector.Color.dayOfMonthOtherForegroundAppearance
Day Outline ColorThe color of the day's outline. See Color Selector.Color.boxOutlineAppearance
Event Background ColorThe background color of the selected event. See Color Selector.Color.itemSelBackgroundAppearance
Event Display ModeAffects how events are displayed.
Standard Mode: Displays each event
Highlight Mode: Highlights each day that contains events using the event highlight background color.
int.displayModeAppearance
Event FontThe font for all calendar events.Font.eventFontAppearance
Event Highlight BackgroundThe background color of a day with events. Used only in highlight mode.Color.highlightBackgroundAppearance
Header Background ColorThe color of the header's background. See Color Selector.Color.monthHeaderBackgroundAppearance
Header FontThe font of the header's text.Font.headerFontAppearance
Header Foreground ColorThe color of the header's text. See Color Selector.Color.monthHeaderForegroundAppearance
Hover Background ColorThe background color of the hovered day. See Color Selector.Color.hoverBackgroundAppearance
Hovered DayThe calendar's hovered day.String.hoveredDayData
MonthSet the calendar's month.int.monthData
Mouseover TextThe text that is displayed in the tooltip which pops up on mouseover of this component.String.toolTipTextCommon
NameThe name of this component.String.nameCommon
QualityThe data quality code for any Tag bindings on this component.QualityCode.qualityData
Selected Background ColorThe color of the selected day's background. See Color Selector.Color.selectedBackgroundAppearance
Selected DayThe calendar's selected day.String.selectedDayData
Selected EventThe calendar's selected event.int.selectedEventData
StylesContains the component's styles.Dataset.stylesAppearance
Today's Background ColorThe color of the today's background. See Color Selector.Color.todayBackgroundAppearance
VisibleIf disabled, the component will be hidden.boolean.visibleCommon
Week Day Background ColorThe color of the week day's background. See Color Selector.Color.weekDaysBackgroundAppearance
Week Day FontThe font of the week day's text.Font.weekdayFontAppearance
Week Day Foreground ColorThe color of the week day's text. See Color Selector.Color.weekDaysForegroundAppearance
YearSet the calendar's year.int.yearData

Deprecated Properties

PropertyDescriptionProperty TypeScriptingCategory
Data QualityThe data quality code for any Tag bindings on this component.int.dataQualityDeprecated

Scripting

Component Functions

This component does not have component functions associated with it.

Extension Functions

This component does not have extension functions associated with it.

Event Handlers

Event handlers allow you to run a script based off specific triggers. See the full list of available event handlers on the Component Events page

Customizers