Brief Introduction to Calendar Header and Footer
We have talked about how to set asp.net calendar day templates in details in tutorial page: ASP.NET AJAX calendar template day settings. In this tutorial page, we are going to deal with another crucial template setting of Kettic Calendar UI SDK for ASP.NET AJAX, that is - calendar header and footer templates within web ASP.NET project.
The calendar header and footer areas of a web Calendar component can be set and customized using calendar templates. Here we give users the brief introductions to calendar header and footer: the header refers to the area between the calendar title and the main calendar area, which is displayed in image form, while the opposite footer is the area below the main calendar area, and also can be shown with image.
Working like calendar day template of asp.net Calendar control, the header and footer templates still can be capable of containing regular HTML tag, including text, images, hyperlinks, and so on.
Kettic Calendar for ASP.NET AJAX controls offers users not only options for setting calendar templates, but also other components for creating and setting calendar elements, features, pickers and styles. How to Set Calendar Header and Footer Within ASPX Codes
In this demo part, we will introduce you how to add and insert image to the header and footer in asp.net calendar control. To make the image displaying, you can add pictures to the calendar header template and footer template. Check out these simple operations for setting calendar header and footer:
The images that will be inserted to display calendar header and footer can be in any form of raster image formats, such as, png, gif, bmp, jpeg as well as tiff. Besides, the image size can be customized and you can be able to decide how many images to insert into the web calendar header and footer.
The following ASPX codes show how to set calendar header and footer template in details. And a sample calendar header and footer image is appended to have a better demonstration. You can also define the template in the web page class in the design time.
|
ASP.NET AJAX UI Controls ASP.NET AJAX Chart UI Control ASP.NET AJAX Grid UI Control ASP.NET AJAX Barcode UI Control ASP.NET AJAX Button UI Control ASP.NET AJAX Calendar UI Control OverviewGetting StartedCalendar element TitleNavigation ControlsColumn and Row HeadersPickers TimePickerDatePickerDateTimePickerMonthYearPickerUsing shared Calendar/TimeViewFormatting ValuesTemplates Calendar Day TemplatesCalendar Header and Footer Temlates Features Customizing the Day MatrixMulti-View ModeManaging DatesDate SelectionClient Prpgramming Calendar EventServer Programming Calendar EventPicker EventASP.NET AJAX NavigationBar UI Control ASP.NET AJAX Captcha UI Control ASP.NET AJAX Color Editor UI Control ASP.NET AJAX ComboBox UI Control ASP.NET AJAX DataPager UI Control ASP.NET AJAX Dock UI Control ASP.NET AJAX DropDownList UI Control ASP.NET AJAX DropDownTree UI Control ASP.NET AJAX HtmlEditor UI Control ASP.NET AJAX FileManager UI Control ASP.NET AJAX Filter UI Control ASP.NET AJAX Input UI Control ASP.NET AJAX ListBox UI Control ASP.NET AJAX ListView UI Control ASP.NET AJAX ToolBar UI Control ASP.NET AJAX TabControl UI Control ASP.NET AJAX Menu UI Control ASP.NET AJAX ToolTip UI Control |