YouTip

## ASP.NET Calendar TitleStyle Property The `TitleStyle` property is used to get or set the style of the title section (the header area that displays the month name and navigation arrows) of the ASP.NET `Calendar` control. --- ## Definition and Usage The `TitleStyle` property allows developers to customize the appearance of the calendar's title bar. By modifying this property, you can change visual aspects such as the background color, font size, text color, borders, and alignment of the title section. --- ## Syntax There are two common ways to define the `TitleStyle` property in your `.aspx` markup: ### Method 1: Using an Inner Tag (Sub-element) ```html ``` ### Method 2: Using an Attribute Prefix (Inline Property) ```html ``` ### Property Values | Property / Attribute | Description | | :--- | :--- | | `style` | Specifies the style property you want to set (e.g., `BackColor`, `ForeColor`, `Font-Bold`, `Height`). For a complete list of applicable style attributes, refer to the standard (https://learn.microsoft.com/en-us/dotnet/api/system.web.ui.webcontrols.style). | | `value` | The corresponding value assigned to the specified style property (e.g., `#FF0000`, `12pt`, `True`). | --- ## Code Examples ### Example 1: Setting TitleStyle using the Inner Tag This example demonstrates how to set the text color (foreground color) of the calendar title to red using the `` sub-element. ```html

``` ### Example 2: Setting TitleStyle using the Attribute Prefix This example achieves the exact same visual result as Example 1, but uses the inline `TitleStyle-` prefix syntax. ```html

``` --- ## Best Practices and Considerations 1. **Precedence**: If you apply styles globally via a CSS class using `TitleStyle-CssClass`, those styles can be overridden by individual inline properties (like `TitleStyle-ForeColor`) defined directly on the control. 2. **Consistency**: Use the inner tag syntax (``) when you have multiple style properties to set. It keeps your markup cleaner and easier to read compared to long strings of inline attributes. 3. **Accessibility**: When changing the `BackColor` and `ForeColor` of the title bar, ensure there is sufficient color contrast so that the month name and navigation controls remain easily readable for all users.