Questions Tagged how-to
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...
Managing displaying meetings categories
Answered: You can customize the events using BeforeEventRender event handler: http://doc.daypilot.org/calendar/event-customization/ You can use it to set custom event color, HTML, CSS and other properties depe...
autoRefresh setup for AngularJS
Answered: Your configuration is fine - there was a problem in DayPilot. In Angular, the Scheduler initialization mechanism is slightly different and the autorefresh didn't start automatically. It's fixed now i...
Hide resources name column in scheduler?
Answered: You can use rowHeaderColumns:
dp.rowHeaderColumns = [];
See also http://doc.daypilot.org/scheduler/row-header-columns/
Multiple lines/rows in scheduler.events.list.text?
Answered: For overriding the event HTML, use the .html property. In order to add a line break, use "<br/>":
dp.events.list = [
{
start: "2015-12-01",
end: "2015-12-05",
text: "Event 1",
...
deleteDisabled for Scheduler not working
Hello, I found in the Javascript DayPilot events documentation that there is a property deleteDisabled. I set it to true and it's not working and I'm still able to delete the event. I have already us...
Showing a 'loading..' animation or text in modal window
Answered: See the new version 2.3 of DayPilot.Modal: http://code.daypilot.org/81367/daypilot-modal It lets you specify the HTML that will be displayed in the modal window before the target URL loads.