KaxTimeViewFooterStyle Property |
Namespace: Kettic.AspNet.Controls
[PersistenceModeAttribute(PersistenceMode.InnerProperty)] public virtual TableItemStyle FooterStyle { get; }
Use this property to provide a custom style for the footer section 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.
The FooterStyle property of the KaxTimeView control inherits the style settings of the ControlStyle property. For example, if you specify a red font for the ControlStyle property, the FooterStyle property will also have a red font. This allows you to provide a common appearance for the control by setting a single style property. You can override the inherited style settings by setting the FooterStyle property. For example, you can specify a blue font for the FooterStyle property, overriding the red font specified in the ControlStyle property.
To specify a custom style for the footer section, place the <FooterStyle> tags between the opening and closing tags of the KaxTimeView control. You can then list the style attributes within the opening <FooterStyle> tag.
Note: The ShowFooter property must be set to true for this property to be visible.
The following code example demonstrates how to use the FooterStyle property to specify a custom background color for the footer section of the KaxTimeView control.
<%@ 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" ShowFooter="true"> <FooterStyle BackColor="Aqua" /> </TimeView> </kaxCln:KaxTimePicker> </div> </form> </body> </html>