Difference between revisions of "CalendarView"

From Jeremie Leroy - XOJO Controls Wiki
Jump to: navigation, search
Line 1: Line 1:
{{ClassBox
 
| super=[[Canvas]]
 
| platform=all
 
| scope=global
 
}}
 
 
  
 
{{Description
 
{{Description
 
| text=
 
| text=
 +
Description
 +
 
Displays a Calendar in several formats (Year, Month, Week, Day, ...) that presents CalendarEvents.
 
Displays a Calendar in several formats (Year, Month, Week, Day, ...) that presents CalendarEvents.
This custom control based on a Canvas is similar to iCal on Mac OS and Google Calendar. }}
+
This custom control based on a Canvas is similar to iCal on Mac OS and Google Calendar.}}
 +
 
 +
 
 +
 
  
{| class="eventTable"
+
{| class=propertyTable
 
|-
 
|-
|class="titleClass" colspan="3"| Events
+
|class=titleClass colspan=3|Properties
 
|-
 
|-
|width=33%| {{Event | name=DateSelected | params=Row as [[Integer]],  Column as [[Integer]] | description=CellAction(Row as Integer,  Column as Integer)
If a cell is editable, a CellAction event occurs when the user finishes editing a cell }}
 
|width=33%| [[String]]
 
|width=33%| The end of line [[String]] for the platform being compiled.
 
 
|}
 
|}
  
  
{| class="propertyTable"
+
{| class=methodTable
 
|-
 
|-
|class="titleClass" colspan="3"| Properties
+
|class=titleClass colspan=2|Methods
 
|-
 
|-
|width=33%| {{Property | name=DateSelecte | type=Integer | description=CellAction(Row as Integer,  Column as Integer)
If a cell is editable, a CellAction event occurs when the user finishes editing a cell }}
 
|width=33%| [[String]]
 
|width=33%| The end of line [[String]] for the platform being compiled.
 
 
|}
 
|}
  
  
==Example==
+
==ToDo list==
The following example sets the text of the '''Label'''.
+
  
<source lang="vb">
+
ToDo list
Me.Text = "Hello World"
+
Month view
</source>
+
-Setting for Month title position in Month view
 +
-Select element and delete it with Backspace or Delete ??
  
 +
Week view
 +
-limit amount of day events
 +
-Force AM/PM
 +
-DayStart time
 +
-DayEnd time
 +
-> NightColor
 +
-minHourHeight <-> DisplayXXHours
  
==Syntax==
+
Year view
''result''='''EndOfLine'''
+
-Double click on month to display it in month view
 +
-Color days with amount of events per day (Yellow to red)
  
{| class="propertyTable"
+
==History==
|-
+
 
|class="titleClass" colspan="3"| Properties
+
History
|-
+
***Version 1.1 - Not yet released***
|width=33%| result
+
New:
|width=33%| [[String]]
+
-TypePicker
|width=33%| The end of line [[String]] for the platform being compiled.
+
-SelStart, SelEnd to set the selected dates in the CalendarPicker
|}
+
-DayStartHour, DayEndHour
 +
-ForceAM_PM
 +
-Style Property
 +
-StyleOutlook2010 constant
 +
-WeekHeaderTextFormat
 +
-
 +
 
 +
Fix:
 +
-Several graphic enhancements
 +
-Colors in StyleDark
 +
-Day names on Mac OS
 +
 
 +
 
 +
***Version 1.0.3 - Released 2012-04-11***
 +
New:
 +
-StyleDefault, StyleICal, StyleGoogle, StyleDark class constants
 +
-ImportFromDB function
 +
-ExportToDB function
 +
-RemoveEvent now has a RemoveFromDB property.
 +
 
 +
Fix:
 +
-CalendarView not updating after AddEvent
 +
 
 +
 
 +
 
 +
***Version 1.0.2 - Released 2012-04-03***
 +
New:
 +
-StyleDark
 +
-DisableDrag is replaced with DragEvents and CreateWithDrag
 +
 
 +
Fix:
 +
-Day background color not filling the box in TypeMonth
 +
-Time background color not displaying in TypeWeek
 +
-Resizing event to make a 15 minute event in TypeWeek
 +
-TypeYear not displaying non-day events
 +
-OutOfBoundsException in DrawTime on Mac OS
 +
-Drawing long event in TypeMonth that finishes on last day of week
 +
 
 +
 
 +
 
 +
***Version 1.0.1 - Released 2012-04-02***
 +
New:
 +
-DisplayWeeknumber As Boolean
 +
-MyColors.WeekNumber
 +
-MyColors.WeekNumberBackground
 +
-Day name is displayed inside the month grid for iCal style.
 +
-Drag events in Month and Week view to change start date/time
 +
-Resize event in TypeWeek
 +
-HeatMap in TypeYear
 +
-SetLength Function in CalendarEvent
 +
-VerticalGap and HorizontalGap properties for TypeYear
 +
-New Event "DragEvent". Fires when a CalendarEvent is dragged or resized
 +
 
 +
Fix:
 +
-Selected background color in month view if MyStyle.MDayNumberPos=1
 +
-Day events in TypeWeek not aligned properly
 +
 
 +
 
 +
 
 +
 
 +
***Version 1.0.0 - Released 2012-03-30***

Revision as of 18:14, 29 April 2012


Description

Displays a Calendar in several formats (Year, Month, Week, Day, ...) that presents CalendarEvents. This custom control based on a Canvas is similar to iCal on Mac OS and Google Calendar.



Properties


Methods


ToDo list

ToDo list Month view -Setting for Month title position in Month view -Select element and delete it with Backspace or Delete ??

Week view -limit amount of day events -Force AM/PM -DayStart time -DayEnd time -> NightColor -minHourHeight <-> DisplayXXHours

Year view -Double click on month to display it in month view -Color days with amount of events per day (Yellow to red)

History

History

      • Version 1.1 - Not yet released***

New: -TypePicker -SelStart, SelEnd to set the selected dates in the CalendarPicker -DayStartHour, DayEndHour -ForceAM_PM -Style Property -StyleOutlook2010 constant -WeekHeaderTextFormat -

Fix: -Several graphic enhancements -Colors in StyleDark -Day names on Mac OS


      • Version 1.0.3 - Released 2012-04-11***

New: -StyleDefault, StyleICal, StyleGoogle, StyleDark class constants -ImportFromDB function -ExportToDB function -RemoveEvent now has a RemoveFromDB property.

Fix: -CalendarView not updating after AddEvent


      • Version 1.0.2 - Released 2012-04-03***

New: -StyleDark -DisableDrag is replaced with DragEvents and CreateWithDrag

Fix: -Day background color not filling the box in TypeMonth -Time background color not displaying in TypeWeek -Resizing event to make a 15 minute event in TypeWeek -TypeYear not displaying non-day events -OutOfBoundsException in DrawTime on Mac OS -Drawing long event in TypeMonth that finishes on last day of week


      • Version 1.0.1 - Released 2012-04-02***

New: -DisplayWeeknumber As Boolean -MyColors.WeekNumber -MyColors.WeekNumberBackground -Day name is displayed inside the month grid for iCal style. -Drag events in Month and Week view to change start date/time -Resize event in TypeWeek -HeatMap in TypeYear -SetLength Function in CalendarEvent -VerticalGap and HorizontalGap properties for TypeYear -New Event "DragEvent". Fires when a CalendarEvent is dragged or resized

Fix: -Selected background color in month view if MyStyle.MDayNumberPos=1 -Day events in TypeWeek not aligned properly



      • Version 1.0.0 - Released 2012-03-30***