# Column And Row Headers Settings

The [ASP NET AJAX Calendar](https://www.telerik.com/products/aspnet-ajax/calendar.aspx) comes with column and row headers label of the rows and columns of the main calendar area. In between the column and row headers, a view selector can optionally appear as well:

![Row and column headers](https://www.telerik.com/products/aspnet-ajax/documentation/assets/39683805a531f05fc91bbbfe10cdf5d3/rowandcolumnheaders.png)

You can control the appearance and behavior of each of these header sections separately.

## Row Headers

The **ShowRowHeaders** property controls whether the row headers appear on the calendar. As shown in the screen shot above, by default, when the row headers appear, they display the week number for each row of the calendar. You can replace the week numbers that appear in the row headers by setting the **RowHeaderText** and/or the **RowHeaderImage** property. When you assign a value to the **RowHeaderText** property, every row in the calendar gets the same text label. When you assign a value to the **RowHeaderImage** property, every row in the calendar is labeled by the image you specify. If you assign both properties, the image appears to the left of the text label.

If the calendar supports multi-day selection, you can use the row headers as selectors by setting the **UseRowHeadersAsSelectors** property. See [Date Selection](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/functionality/date-selection) for details.

## Column Headers

The **ShowColumnHeaders** property controls whether the column headers appear on the calendar. As shown in the screen shot above, by default, when the row headers appear, they display the first letter of the day of the week. You can change the labels for the day of the week using the **DayNameFormat** property. The possible values are:

* **Full** - The column headers use the entire name of each week day to label the days of the week.

* **Short** - The column headers use 3-letter abbreviations to label each day of the week.

* **FirstLetter** - The column headers use the first initial to label each day of the week.

* **FirstTwoLetters** - The column headers use the first two letters of the day name to label each day of the week.

* **Shortest** - The column headers use the shortest string that distinguishes the week days to label each day of the week.

You can replace the week day labels altogether by setting the **ColumnHeaderText** and/or the **ColumnHeaderImage** property. When you assign a value to the **ColumnHeaderText** property, every column in the calendar gets the same text label. When you assign a value to the **ColumnHeaderImage** property, every column in the calendar is labeled by the image you specify. If you assign both properties, the image appears to the left of the text label.

If the calendar supports multi-day selection, you can use the row headers as selectors by setting the **UseColumnHeadersAsSelectors** property. See [Date Selection](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/functionality/date-selection) for details.

## View Selector

The **EnableViewSelector** property controls whether a view selector appears in the upper left corner. As shown in the screen shot above, by default, the view selector appears as a small "X". You can replace this default appearance by setting the **ViewSelectorText** and/or **ViewSelectorImage** property. When you assign a value to the **ViewSelectorText** property, the "X" is replaced by the text you specify. When you assign a value to the **ViewSelectorImage** property, the "X" is replaced by the image you specify. If you assign both properties, the image appears to the left of the text label. The style applied to the view selector table cell can be altered with the **ViewSelectorStyle** property.

If the calendar supports multi-day selection, the view selector automatically acts to change the selection of every day visible in the calendar. See [Date Selection](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/functionality/date-selection) for details.

## See Also

* [OnColumnHeaderClick](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/client-side-programming/events/oncolumnheaderclick)

* [OnRowHeaderClick](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/client-side-programming/events/onrowheaderclick)

* [OnViewSelectorClick](https://www.telerik.com/products/aspnet-ajax/documentation/controls/calendar/client-side-programming/events/onviewselectorclick)