search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

How to customize the column header of calendar control?

Asked by Ares
12 years ago.

Hi,

Is it possible to customize the column header as my uploaded photo?

How can I customize like that as it have line break, image (have to trigger a server side event when click on it) and auto height (sometimes the height of header cell is varied according to what information should be shown) ?

Looking forward for an answer.Thanks.

how-to asp.net
Answer posted by Dan Letecky [DayPilot]
11 years ago.

The automatic height adjustment is available since 7.1 release (HeaderHeightAutoFit property):

See the release notes:
http://www.daypilot.org/daypilot-pro-for-asp-net-webforms-7-1.html

Demo:
http://www.daypilot.org/demo/Calendar/HeaderAutoFit.aspx

You can customize the header HTML using BeforeHeaderRender event (modify e.InnerHTML as needed).

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.
Tools
E-mail notifications
Feed
Related Questions
Daypilot Angular2 scheduler control not displaying 15/30 min slots in header
Font color for event name
Daypilot resource forecolor
Customizing time header cell after binding
Headers with different height
Customize Header in
Show diferent intervals between one hour to another
Header distortion when height spec changed in Calendar
Column Header Height
Fix Header
Empy header cell for next columns if treeEnabled = true
Divide on minutes i attached the screen short.
how to change the time format
How can we display timezone header different to default

Products

Learn

Get Support

DayPilot Pro

Event calendar/scheduling AJAX components. Available for JavaScript/HTML5/jQuery, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.