Skip to content
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"
});

Table of contents

Clone this wiki locally