Questions Tagged how-to
Is DayPilot right for this job?
Answered: There are three views/controls that will let you display one cell per day: 1. Navigator (a small monthly calendar that usually serves as a date picker) http://doc.daypilot.org/navigator/ 2. Monthly e...
How to change colour for different days for the column events?
Answered: In the current release (4.1), you will have to use e.InnerHTML in BeforeEventRender event handler to insert a div with a custom background color specified. The next release will fix apply the color s...
How to change the column text header name?
Answered: There is no built-in mechanism for customizing the column header in the Lite version. You will have to modify the source code.
var modal = new DayPilot.Modal(); JavaScript runtime error: Object doesn't support this action
Answered: Please check that the modal.js script is included properly. You can download it here: http://code.daypilot.org/81367/daypilot-modal Also, make sure that it is initialized using the new keyword:
var...
adding additional attributes to a resource ?
Hi! I want to add f.a. "resourcetype" to a resource. And then, i want to read this attribute when the user drop an event, f.a. in the method "onEventMove". Is this possible? THANKS!!! Daniel
Problem with starting on the first day of the week
Answered: I added the day of the week to the method and it worked: dp.scrollTo(new DayPilot.Date().firstDayOfWeek(1));
External Drag and Drop
Hello, when I set below setting DayPilotScheduler1.ViewType = DayPilot.Web.Ui.Enums.Scheduler.ViewTypeEnum.Days and Drag even over daypilot scheduler giving "TypeError: this.rows[e.part.dayIndex] is ...
Having issue for daypilot calendar to display database values based on the date and time from database
Answered: The START_DATE and END_DATE fields are correct but why do you store time separately in START_TIME and END_TIME? The type of START_DATE is "datetime" and it will allow you to store both date and time ...
Changing start date of event
Answered: Changes of the key properties (id, start, end, resource, text) doesn't have an immediate effect because it would cause problems if you modified events that are already visible in the calendar/schedul...
Show html bubble on event click in Scheduler
Answered: Using DayPilot Pro 7.7.787 and later (see the sandbox at http://javascript.daypilot.org/sandbox/) you can do this:
dp.onEventClicked = function(args) {
new DayPilot.Bubble().showHtml("...
Deleting event
Answered: Yes, there is no built-in onEventDelete event. You can call dp.events.remove(e) and then notify the server:
dp.events.remove(e);
$.post("delete", { e: e.id() }, function() {
dp.message("D...
asyncpostbacktrigger with daypilot navigator
Answered: The navigator fires two events: 1. TimeRangeSelected when you click a date 2. VisibleRangeChanged when you click "next" or "previous" links at the top You need to set TimeRangeSelectedHandling to "Po...
Display custom string in time headers
Answered: You can customize the header HTML using onBeforeTimeHeaderRender event handler:
dp.onBeforeTimeHeaderRender = function(args) {
if (args.header.level === 1) {
args.header.html = args.header....
How to change the code to display varchar and date type data instead of two datetime type for the daypilot calendar?
Answered: If you want to customize the text that is displayed in the event box you should use the BeforeEventRender event.
protected void DayPilotCalendar1_BeforeEventRender(object sender, BeforeEventRenderE...
How can I get the Scheduler to show that my event is longer than displayed in the current view?
Answered: This is not yet supported but I'm adding it to the wishlist.
Change Navigator Week When Event Clicked in Month
Answered: You can change the navigator date using .select(date) method: http://api.daypilot.org/daypilot-navigator-select/ You can call it from the EventClickJavaScript handler:
@Html.DayPilotMonth("dpm", ne...
day pilot displaying all three calendar?????
when ever i m clicking on toolbar command event is not firing and when page is open all three calendar that is daycalendar,weekcalendar and monthcalendar are visible????? y is it so ny help???
Problem with localization
Answered: Alex, You need to register it using DayPilot.Locale.register() method:
DayPilot.Locale.register(localeMy);
The .register() method must be invoked on DayPilot.Locale object directly (not on an ins...
timeHeader Bubble in the scheduler?
Hi, i want to use a Bubble onmouseover on the timeHeader, f.a. on the day. howto? thanks
Is it possible to get information of selected timerange while selecting?
Answered: This feature is in the works. I will be available in 1-2 weeks.
Capture global mousedown/up event
I need to capture any mousedown and mouseup event fired on the scheduler. I've tried just adding an eventlistener to the entire dps container like this: $("#dps")[0].addEventListener("mousedown", fun...
Insert a dropdown in datagrid
Answered: It is difficult to insert full-blown ASP.NET controls in the headers. However, there are two options: 1. Use the custom HTML (using BeforeResHeaderRender event handler) to insert HTML-based dropdown....
Execute javascript function after clicking ok button on event creation DayPilot Month.
Hello! My name is Roby. I'm using DayPilot Month Lite in my project. I need to trigger a javascript function after I click the OK Button into the event creation alert. My big questions (after reading...
Dynamic height of month calendar view events
Answered: Please see here: http://forums.daypilot.org/Topic.aspx/2238/set-event-hight-in-onbevoreeventrender
How to read anr write tags?
Answered: OK I solved it by myself. e.data.tag["key"] = value; to read: e.tag("key")
modal will not stay on top of web page!
Answered: Comment out the line 189 in daypilot-modal-2.1.js (http://code.daypilot.org/81367/daypilot-modal):
window.setTimeout(function() {
// This.hideDiv.onclick = function() { This.hide(); };
}, 500);...
set event hight in OnBevoreEventRender
Answered: DayPilot Month uses the same event height for all events. You can set it using the CSS theme but it is still the global height. http://doc.daypilot.org/month/event-height/ Using a different height fo...
ModalPopupExtender does not popup
Answered: Please take a look at this tutorial: http://www.daypilot.org/tutorial-calendar-sqlserver.html You have to call pnlPopup.Show() from the code behind to display the modal popup. However, my advice is t...
modal border change cursor
hi! want to change the cursor when mouseover the border auf a modal popup. thanks