Questions Tagged how-to
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...
How to slide-up/slide-down the sub-titles when 'scheduler_default_tree_image_collapse'/'scheduler_default_tree_image_expand' is clicked ?
Answered: Unfortunately, sliding animation during expanding and collapsing the tree nodes is not supported at the moment. There is no way to add it using custom code.
Display only few hours
Answered: You can use a custom timeline: http://doc.daypilot.org/scheduler/timeline/ Or hide non-business hours: http://doc.daypilot.org/scheduler/hiding-non-business-hours/
No recurrent events in gantt view ?
Answered: The built-in recurrence support in the other controls (Calendar, Month, Scheduler) allows you to store the recurring events as a single event (with a rule assigned to it). This rule will be expanded ...
Add task in gantt view
Answered: At this moment you can create a new task by entering the name first (in a special row): http://www.daypilot.org/demo/Gantt/TaskCreating.aspx This will fire RowCreate event where you can create a new ...
How to show a special date between start and end date in Gantt
Answered: Since build 8.1.3445 you can use ScrollTo() on the server side.
protected void Page_Load(object sender, EventArgs e)
{
// ...
if (!IsPostBack)
{
DayPilotGantt1.StartDate = DateTime...
How to disable context menu item via coding in asp.net code behind file.
Answered: protected void Scheduler_BeforeEventRender(object sender, BeforeEventRenderEventArgs e) { if (condition) { e.ContextMenuClientName = "DayPilotMenu1"; } } You can store your condition in e.value examp...
How to Add Date with Day like (Mo, Tue, We, Thu, Fri, Sat, Sun) in two rows in header
Answered: You can use the following configuration:
<DayPilot;DayPilotScheduler
...
>
<TimeHeaders>
<DayPilot:TimeHeader GroupBy="Day" Format="%d" />
<DayPilot:TimeHeader GroupBy="Day" Form...
DayPilot Pro for JavaScript 8.1 - Active Areas examples
Answered: You can take a look at the following demo: http://javascript.daypilot.org/demo/scheduler/eventareas.html It adds a green active area to the current day using onBeforeCellRender:
dp.onBeforeCellRend...
How to select a row in Gantt?
Answered: 1. You can use SelectedRows property to set the selected rows. Example that selects the first row:
DayPilotGantt1.SelectedRows.Add(DayPilotGantt1.Tasks[0]);
There is a bug in the latest release t...
Remove vertical border between cells?
Answered: You will need to hide it using CSS (scheduler_default_matrix_vertical_line) and add only the desired ones: 1. Create a custom grid cell class with { border-right: 1px solid #eee; } and add it to the ...
Selected event unselects when I call .update() on Calendar?
Answered: This is a bug which has been fixed in build 8.0.1746. You can test it and download the latest build in the sandbox: http://javascript.daypilot.org/sandbox/calendar/eventselecting.html
How to process event double click without error in DayPilot Calendar?
Answered: Please see the documentation on how to use event double click event: http://doc.daypilot.org/calendar/event-double-click/ In the latest realease (http://javascript.daypilot.org/daypilot-pro-for-javas...
Prevent event drag beyond first / last cell?
Answered: You can add a custom onEventMoving handler:
dp.onEventMoving = function(args) {
if (args.end > dp.visibleEnd()) {
args.left.enabled = true;
args.left.html = "You can't drag the e...
Setting headerDateFormat has no effect
Answered: This property is supported since version 1.2 SP1 (build 171): http://javascript.daypilot.org/daypilot-lite-for-javascript-1-2-sp1/ You are probably using an older version. Let me know if the problem ...
Missing Ressource ..../Backend in MonthlyEventCalendar
Hi, i try to integrate a single page with a monthly event calendar into an existing ASP-NET MVC project and created the page accordingly to this tutorial: http://code.daypilot.org/10607/monthly-event...
How to add row with custom-width columns to DayPilot calendar?
Hi, I currently have a calendar resembling the first attachment. What I've been trying to achieve is something similar to the second attachment (an extra row with its own name and a custom amount of ...