# Customizing the Day Matrix

By default, the [ASP NET AJAX Calendar](https://www.telerik.com/products/aspnet-ajax/calendar.aspx) lays out its day matrix like an ordinary calendar, with 7 columns (one for each day of the week) and 6 rows (the maximum number of weeks needed in a month). You can change this default layout using two properties: **Orientation** and **MonthLayout**.

## Horizontal orientation

When **Orientation** is **RenderInRows** (the default), the days are laid out horizontally, in rows. Three values of the **MonthLayout** property are designed for showing a single month using this horizontal orientation:

* When **MonthLayout** = **Layout_7columns_x_6rows** and **Orientation** = **RenderInRows**, each row represents a single week:

  ![RadCalendar](https://www.telerik.com/products/aspnet-ajax/documentation/assets/5aa3a5108c4c716304bfb9c91ac4ecf3/gettingstarted_runningtheapplication.png)

* When **MonthLayout** = **Layout_14columns_x_3rows** and **Orientation** = **RenderInRows**, each row represents two weeks:

  ![14x3 day matrix](https://www.telerik.com/products/aspnet-ajax/documentation/assets/7f3b80b71f9f9b68b01a9d88b297a284/calendar_daymatrix_14by3.png)

* When **MonthLayout** = **Layout_21columns_x_2rows** and **Orientation** = **RenderInRows**, each row represents three weeks:

  ![12x2 day matrix](https://www.telerik.com/products/aspnet-ajax/documentation/assets/d96fd5a6a05494954924d1a8fe6de528/calendar_daymatrix_21by2.png)

## Vertical orientation

When **Orientation** is **RenderInColumns**, the days are laid out vertically, in columns. Three values of the **MonthLayout** property are designed for showing a single month using this vertical orientation:

* When **MonthLayout** = **Layout_7rows_x_6columns** and **Orientation** = **RenderInColumns**, each column represents a single week:

  ![6x7 day matrix](https://www.telerik.com/products/aspnet-ajax/documentation/assets/bb2ed7f5da48fb40b13a0cd910fe8c6a/calendar_daymatrix_6by7.png)

* When **MonthLayout** = **Layout_14rows_x_3columns** and **Orientation** = **RenderInColumns**, each column represents two weeks:

  ![3x14 day matrix](https://www.telerik.com/products/aspnet-ajax/documentation/assets/7e7763d328ab8ce6084080900961c31d/calendar_daymatrix_3by14.png)

* When **MonthLayout** = **Layout_21rows_x_2columns** and **Orientation** = **RenderInColumns**, each column represents three weeks:

  ![2x21 day matrix](https://www.telerik.com/products/aspnet-ajax/documentation/assets/9c75d1dcea603606e00e73146278bc84/calendar_daymatrix_2by21.png)

## Changing the dimensions of the day matrix directly

The dimensions of the day matrix are not limited to the 6 possible values of the **MonthLayout** property. You can set the number of rows and columns separately using the **SingleViewRows** and **SingleViewColumns** properties. For example, the following screen shot shows an entire year in a single matrix on a **RadCalendar** with **SingleViewRows** = 7 and **SingleViewColumns** = 53:
![One year day matrix](https://www.telerik.com/products/aspnet-ajax/documentation/assets/438dd10942d82564b084d280b34da685/calendar_daymatrix_oneyear.png)

> note
> When using the **SingleViewRows** and **SingleViewColumns** properties, the day matrix typically does not focus on a single month. To control the first week that appears in the resulting calendar, set the **FocusedDate** property to a day in the first month you want to appear at the beginning of the calendar.

## See Also

* [Multi-View Mode](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/functionality/multi-view-mode)

* [Dates Configuration](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/functionality/dates-configuration)

* [Column And Row Headers Settings](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/functionality/column-and-row-headers-settings)

* [DayRender](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/server-side-programming/events/dayrender)