Questions Tagged how-to
Timeline and room planner
Answered: The grid cells start at 12:00 (noon) and end at 12:00 (noon) the next day. Your events start and end at 00:00. You need to align the start with the grid. 1. You can store the real checkin/checkout ti...
End Date is not showing inclusive of date.
Answered: I assume you are talking about the month control: http://mvc.daypilot.org/demo/Lite/Month/ DayPilot works with full DateTime specification for both the event start and end. This means the end date is...
How to show or bind the weekdays dynamically?
Answered: You can specify the week date using StartDate property. It is accessible in the config (DayPilotCalendarConfig class):
@Html.DayPilotCalendar("dpc", new DayPilotCalendarConfig {
BackendUrl = Ur...
ContextMenuSelection in DayPilot.Month
Answered: Unfortunately the context menu for time range selection is not implemented yet in the Month control.
JavaScript runtime error: Unable to get property 'clientWidth' of undefined or null reference on Scheduler
Answered: The DayPilot.Scheduler instance is created automatically using the <DayPilot:DayPilotScheduler> tag. The ScrollToToday() method tries to create a new instance:
function ScrollToToday() {
var dp...
How to bind MVC View's Navigator with Controller
Answered: The Navigator supports loading free/busy data from the endpoint specified using BackendUrl. Please see the following doc page: http://doc.daypilot.org/navigator/highlighting-busy-days/ You need to cr...
Integrate with Google Calendar or iCalendar
Answered: There is a tutorial on iCalendar export in the works, it will be published in a few days.
Identify the Area that triggered the drag
Answered: Good question! No, you can't at the moment. But let me check how to pass custom data to the event handler.
Incompatible DayPilot client script version. Expected 1478 (you are using 176-lite).
Answered: You are using incompatible versions of daypilot-all.min.js and DayPilot.Mvc.dll. In this case, the dll is from the Pro version and the .js is from the Lite version. You need to use both from the same...
How to add event in Calendar control
Answered: Please take a look at the following tutorial: http://code.daypilot.org/59860/asp-net-mvc-5-event-calendar It shows how to use the Calendar control in MVC. It uses the Pro version but the same approac...
Scheduler - Grey out events on saturday and sunday
Answered: The following code will change the event color to gray if it it overlaps a weekend:
protected void DayPilotScheduler1_BeforeEventRender(object sender, BeforeEventRenderEventArgs e)
{
...
multiple rows per resource
Answered: The Scheduler (with resources displayed as rows) is only available in the Pro version. It is only possible to display one row per resource. However, you can group multiple resources under a tree node...
How to install DayPilot Pro for ASP.NET WebForms (OEM Start)?
Answered: If you used the the trial version of DayPilot Pro it is enough to replace the DayPilot.dll in you web application. The trial assembly version ends with .1 (e.g. 8.1.3452.1 for the latest release). Th...
Time range context menu in DayPilot.Month
Answered: Unfortunately, the context menu is not available for the time range selection in the Month control at the moment (not even in the current release).
Change "gannt_default" design to my own design
I created a new Gantt design using the Theme Designer, put it into the same location as the other themes, created a <link> next to the other themes in my code and finally I tried to call it with "gan...
DayBeginsHour
Answered: Unfortunately minute precision for the calendar start is not supported in the Calendar at the moment. In the Scheduler you can create a custom timeline (http://doc.daypilot.org/scheduler/timeline/) w...
How to hand over parameters on JavaScript Action
Answered: The menu source object is available as "e" variable. In this case, it is the selection object which has three properties (start, end, resource):
<DayPilot:MenuItem Action="JavaScript" Text="Neue Ab...
How to prevent user from creating links in Gantt?
Answered: You can disable link creating by setting LinkCreateHandling="Disabled" (the default value is "Notify").
How to add text field in cell ?
Answered: Technically, yes. But it's not recommended for several reasons: 1. You should keep the cell HTML as small as possible. Adding a lot of content will slow down the Scheduler. 2. The cells are redrawn v...
Recurring Event Exceptions
Here is the scenario. We use this for instructors to schedule their classes. Sometimes a different instructor has to fill in for someone. When that happens they edit that week's class and put their o...
Using DayPilot HTML5 Hotel Room Booking (JavaScript/PHP) in Codeiginiter MCV environment
Can you please explain how to apply HTML5 Hotel Room Booking (JavaScript/PHP) in Codeiginiter MCV environment, I need to loaded events from MySQL database thru model to controller in order to pass to...
Same event times (UDT) between calendar resource view and workweek view but they display at different local times.
I have a list of events that I share between a Resource view and a WorkWeek view. The daypilot dates of the events are UDT time as expected. When those events are displayed in the Resource view, they...
DayPilot.Switcher OnChange
How can I perform an action when thw switcher changes the current view? Is there something like OnChange event? Thanks
In Gantt Chart, can I add task to a particular group?
Hi, I noticed that I can create a new task from the front end, as long as rowCreateHandling is "Enabled". What I would like to do is for the user to be able to add a task as a child of a particular G...
First Resource column not the Resource name
Hello, We're looking into using this tool for a customer. One thing I cannot figure out is how to add a column BEFORE the resource name. Every example I see the first column is the resource name. And...
How to disable the percentage that is displayed in the task box as text ("51%") in Gantt
Answered: You can override the task box text using BeforeTaskRender event handler: The following example will show the task text instead of the percentage:
void DayPilotGantt1_BeforeTaskRender(object sender,...
Hide ressource parent without children
Answered: How about this:
// ...
if (r.Children.Count > 0) {
DayPilotScheduler1.Resources.Add(r);
}
// ...
instead of:
DayPilotScheduler1.Resources.Add(r);
You can also filter the resources on ...
How to display bottom scroll bar in daypilot calendar
I am using daypilot calendar version 1.0 and asp.net 4.0. How to show bottom scroll bar in daypilot calendar.
How to navigate to a special task in Gantt?
Answered: The latest sandbox build (8.1.3450) now supports ScrollToTask(id) method. It lets you set the vertical scrollbar position using the specifeed task id. It works during the initial page load and also d...