-
Notifications
You must be signed in to change notification settings - Fork 25
Customize Calendar
ChrisRM edited this page Mar 12, 2013
·
1 revision
To customize the appearance of the calendarView, you need to pass in the theme
parameter. Within the theme parameter you got alot of options. I've also added showTable
as an option. Set it to false
to hide the tableView.
var calendarView = Ti.Calendar.createView({
top:0,
editable: true,
showTable: false, // Do not show event table (Default: true)
theme: {
tileView: {
backgroundImage: {
normal: /* Image */,
selected: /* Image */,
adjacent: /* Image */,
today: /* Image */
},
textColor: {
normal: /* Color */,
today: /* Color */,
selected: /* Color */,
adjacent: /* Color */
}
},
monthView: {
backgroundImage: /* Image */
},
mainView: {
gridBackgroundImage: /* Image */,
gridDropShadowImage: /* Image */,
leftArrowImage: /* Image */,
rightArrowImage: /* Image */,
titleTextColor: /* Color */,
titleShadowColor: /* Color */,
titleShadowOffset: /* CGSize, format: {x:0,y:0} */,
weekdayTextColor: /* Color */,
weekdayShadowColor: /* Color */,
weekdayShadowOffset: /* CGSize, format: {x:0,y:0} */
},
gridView: {
backgroundImage: /* Image */,
backgroundColor: /* Color */
}
},
color:"white"
});