Styling: Overview

Telerik Calendar for NativeScript has four different view modes which can be easily customized to meet your application's visual requirements.
Every one of the calendar view modes has its visual representatoin and different visual items that could be styled.
You can define and combine styles for any of the view modes for single calendar instance and if you navigate from one view to another different styles will be applied for visual items.
The cells and all visuals that the calendar control is built from differentiate by the content they visualize.
Every one of these visual parts is customizable.

The following calendar propertise should be used for different view modes:

  • monthViewStyle - defines styling of RadCalendar for Month view mode. Should be initialized with instance of CalendarMonthViewStyle
  • weekViewStyle - defines styling of RadCalendar for Week view mode. Should be initialized with instance of CalendarWeekViewStyle
  • yearViewStyle - defines styling of RadCalendar for Year view mode. Should be initialized with instance of CalendarYearViewStyle
  • monthNamesViewStyle - defines styling of RadCalendar for MonthNames view mode. Should be initialized with instance of CalendarMonthNamesViewStyle

These classes have properties for different visual parts of RadCalendar in correspoinding view.

Example

Calendar month view styling Calendar month view styling