Click or drag to resize
KaxTimeViewHeaderStyle Property
Gets the style properties for the heading section of the KaxTimeView control.

Namespace: Kettic.AspNet.Controls
Assembly: Kettic.AspNet.Controls (in Kettic.AspNet.Controls.dll) Version: 2014.4.1129.0 (2014.04.1129.0)
Syntax
[PersistenceModeAttribute(PersistenceMode.InnerProperty)]
public virtual TableItemStyle HeaderStyle { get; }

Property Value

Type: TableItemStyle
Remarks

Use this property to provide a custom style for the heading of the KaxTimeView control. Common style attributes that can be adjusted include foreground color, background color, font, and content alignment within the cell. Providing a different style enhances the appearance of the KaxTimeView control.

To specify a custom style for the heading section, place the <HeaderStyle> tags between the opening and closing tags of the KaxTimeView control. You can then list the style attributes within the opening <HeaderStyle> tag.

Note: The ShowHeader property must be set to true for this property to be visible.

Examples
The following code example demonstrates how to use the HeaderStyle property to specify a custom background color for the heading section of the KaxTimeView control.
[New Example]
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="KaxCalendar.Net2" Namespace="Kettic.AspNetControls" TagPrefix="kaxCln" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <kaxCln:KaxTimePicker
            ID="KaxTimePicker1"
            runat="server">
            <TimePopupButton ImageUrl="clock.gif" HoverImageUrl="clock.gif" />
            <TimeView Skin="None" ShowHeader="true">
                <HeaderStyle BackColor="red" />
            </TimeView>
        </kaxCln:KaxTimePicker>
    </div>
    </form>
</body>
</html>
See Also