Questions Tagged how-to
how to apply css to scheduler
Answered: You should apply the theme using Theme property of the <DayPilot:DayPilotScheduler> tag like this:
<DayPilot:DayPilotScheduler
Theme="scheduler_8"
...
/>
Please note that you need to inc...
Hide TimeHeaders with Java-API
Answered: It looks like a bug. Normally, you should be able to hide the time header using getTimeHeaders().clear(). Please let me check the problem. You can also try to set the header height to 0 as a workarou...
Backend Database
Answered: The format of the array items is described here: http://api.daypilot.org/daypilot-event-data/ See also the following tutorial, it includes PHP and ASP.NET MVC versions of the project: http://code.day...
how to show tooltip or wordwrap an event for scheduler.
how to show tooltip or wordwrap an event for scheduler.I am using nuget package of daypilot version 5.0.303.0
How To Lock The Header Line When Scrolling Down
Answered: Please take a look at the HeightSpec property options: http://doc.daypilot.org/scheduler/height/
Appoinments are not syncing in daypilot scheduler
Answered: If you load the data from the same source and update the source correctly both instances should display the same data. If you want to force an update from the client side you can use dp.commandCallBa...
HIde empty cells
Answered: 1. In the Scheduler (http://javascript.daypilot.org/scheduler/), you have the following options: (1.A) X-Axis (Time) You can hide certain time periods. You can do it either using onIncludeCell (which...
Erreor ASP.net Dayploit.dll : Impossible to find entry point in DLL dile"...\dayploit.dll"
Answered: As far as I can tell you can get this error if you create a DLL in C++ and use it in a C#/VB project and the functions are not exported properly. However, this is not the case of DayPilot which is wr...
Binding Datatable
Answered: The order of the resources (rows) follows the order of items in the Resources collection: http://doc.daypilot.org/scheduler/resource-loading/ The events are sorted automatically using a rule correspo...
Export Image or PDF in Javascript
Answered: The PNG image export is in the works and it will be available in the next release (8.2) - in a few weeks. You can find a preview of the implementation in the sandbox: http://javascript.daypilot.org/s...
Time range selection in schedular has a delay when using touch rather than mouse
Answered: This is by design - starting the time range selecting immediately it would prevent grid scrolling. You can configure the delay using tapAndHoldTimeout (the default value is 300ms): http://api.daypilo...
How to customize X-Axis
Answered: 1. In the Lite version, e.DataItem is only used for ViewType="Gantt". In that case, it stores the event source object (after calling DataBind()). In other modes e.DataItem.Source is null. In the Pro ...
How do I change the color of individual row header cells?
Answered: In the latest build (8.1.2007) the resource.columns[] array supports .backColor and .cssClass properties (in addition to .html). Example: dp.resources = [ { name: "Room 101", id: "101", columns: [{ht...
How to set the scheduler timeline view?
Answered: You can set the number of visible days using Days property. Example:
<DayPilot:DayPilotScheduler
Days="10"
...
/>
Incompatible Client Script Version
Answered: It looks like an old DayPilot.Mvc.dll is cached somewhere. The latest version of DayPilot.Mvc.dll (8.1.5813) works with client script version 1944. Client script version 707 is used by build 7.7.5654.
Custom Time Header and Tooltip in Scheduler
Answered: You can force a reload of the scheduler by calling .update(): http://api.daypilot.org/daypilot-scheduler-update/ With the progressive rendering options enabled (they are enabled by default) it is a r...
how to load events from two database table
Answered: Create a new SqlDataAdapter for the second table (da2) and call da2.Fill(dt) to add the data to the same DataTable (dt).
How to remove DEMO text in DayPilotCalendar using DayPilot API with asp.net and C#
Answered: The "DEMO" indicates that you are using a trial version of DayPilot Pro. In order to remove it you need to purchase DayPilot Pro: http://www.daypilot.org/buy/
How to Refresh DayPilot Lite Scheduler after entering event
Answered: This happens because you access e.DataItem in your BeforeEventRender event handler but you don't load the events using DataBind() during the PostBack (ButtonRefresh_Click). The events are loaded from...
GANTT: Calculating time for superordinate task
Dear all, when I create 2 subtasks, the superordinate task does not calculate to correct days. (Means beginning of the first task and end of the second task = complete duration for the superordinate
Row Selection Highlight
Answered: It might be a CSS issue. You can check whether the CSS is being applied properly using Chrome developer tools - the row header columns should have *_rowheader_selected applied (where * is the theme n...
Hours allocated/worked for resources
Answered: This depends on the logic. There are two possible approaches: 1. Use a custom color of the grid cells to indicate the allocated hours (from-to). You can use BeforeCellRender to set the color directly...
How to clear time range selection in OnTimeRangeSelected with TimeRangeSelectedHandlingType.Callback
Answered: Normally the time range selection gets cleared if you call Update() on the server side. If you don't do that for some reason you need to switch to JavaScript event handling and clear it manually:
...
Drop events outside Scheduler
Answered: Unfortunately the Scheduler doesn't support that at the moment. There are two options: 1. You can implement the queue using a special instance of the Scheduler (i.e. one resource, set the row header ...
Task moveDisabled
Answered: In the Gantt chart, each task is displayed in a separate row - which can be moved as well (in the tree hierarchy). That's why the properties are separate for the row (data.row) and the box in the gri...
Left Click Context Menu
Answered: You can open a context menu using javascript like this:
menu.show(e);
In the ASP.NET WebForms version, set EventClickHandling="JavaScript" and EventClickJavaScript="menu.show(e)". This assumes yo...
Multiple Lines in Calendar Event Item
Answered: Yes, just modify the e.Html property in OnBeforeEventRender as needed. See also: http://doc.daypilot.org/calendar/event-customization/
How to remove red line between 2 shadow of Day Pilot Calender
Answered: This is a current time indicator. You can turn it off using ShowCurrentTime property:
<DayPilot:DayPilotCalendar
ShowCurrentTime="false"
...
/>
How to set color of milestone and group bar in gantt
Answered: Shapes of these elements are created using CSS so you can't control the color using a simple property in BeforeTaskRender - they can only be modified using CSS. You can use BeforeTaskRender to add a ...
"DayPilot for javascript" headerLevels How to Set
Hi. I have been using daypilot-1895. When you set the following value to the property layout was collapsed. $dp.headerLevels = 2; $dp.headerHeight = 16; $dp.allDayEventHeight = 10; $dp.headerHeightAu...