- Online Barcode Generator
- How To
- Buy Now
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