Questions Tagged javascript
AngularJS how to set businessBeginsHour, businessEndsHour and calendar height
Answered: It's supposed to work like this:
<div ng-app="main" ng-controller="CalendarController" >
<daypilot-calendar id="calendar" daypilot-config="calendarConfig" daypilot-events="events...
Disable eventoverlap on on client side in calendar?
Answered: Unfortunately it's not implemented in the Calendar at the moment. It will be added in one of the future releases.
Hide/Show Navigator in AngularJS(Datepicker style)?
Answered: You can access the DayPilot.Navigator object using $scope.navigator (because id="navigator"). The config only holds the configuration data (it has no methods). Try this instead:
// show
$scope.nav...
Scheduler vertical scroll
Hi, I've noticed that if I fill the Scheduler with resources to make it displays the vertical scrollbar and then scroll with the mouse wheel, the viewport move backward of one day per scroll. The sch...
Events background color in exported PNG image
Answered: This was a bug which is now fixed (since build 2100): http://javascript.daypilot.org/daypilot-pro-for-javascript-8-2-sp4/ Let me know if the issue persists.
External Drag and Drop in Monthly Calendar
Answered: Yes, but there is no set target date at the moment.
Load Resources and Events On Vertical Scroll
Answered: At this moment, the Scheduler doesn't support loading additional resources during scrolling. All resources need to be loaded in advance using .resources array. However: 1. The row headers are rendere...
execute a javascript function after commandCallBack success
Answered: I recommend relying on the Navigator to request the events using the standard mechanism: 1. Let the "Next" button change the navigator only:
<a href="#" id="next">Next</a>
<script>
$("#next")...
dynamically load resources and events on vertical scroll
Answered: Please see my comments here: http://forums.daypilot.org/Topic.aspx/3125/load-resources-and-events-on-vertical-scroll
Export/Print Function for GANTT
Answered: It's in the plan and it will be available one of the future releases.
How to remove DEMO MARK ?
Answered: When you purchase DayPilot Pro for ASP.NET WebForm you receive a download link to a full version of the package. You need to use DayPilot.dll that was included in the full package download. Sometimes...
onBeforeCellRender for a ressource on a day
Answered: Let's say you have a list of days to be highlighted:
var days = ["2016-01-01", "2016-05-01"];
You can use the following code to highlight these days in the Scheduler:
dp.onBeforeCellRender = fu...
Rows Filtration in Scheduler
Answered: It's quite possible that the version you are using doesn't support row filtering. As you can see in the documentation (https://doc.daypilot.org/scheduler/row-filtering/) the row filtering is supporte...
Multi-Line Events
Answered: By default, the Scheduler prevents the event text from wrapping. You can change it using eventTextWrappingEnabled property:
dp.eventTextWrappingEnabled = true;
You can also set custom event heigh...
Scheduler under Angular
Answered: This turned out to be a bug of the latest version - since the introduction of "events" attribute it fails to recognize "daypilot-events". It's now fixed in the latest sandbox build (8.2.2072): http:/...
Call Javascript Functions from Code File other than Page Load function
Answered: Please see AfterRenderJavaScript event which is described here: http://doc.daypilot.org/scheduler/callback-update/ On the server side, pass a custom object to .Update() - it will be available in Afte...
InvalidCastException when command with selected events
Answered: Serialization of tags with null value has been fixed in 8.1.3484 so it shouldn't be a problem anymore: http://www.daypilot.org/daypilot-pro-for-asp-net-webforms-8-1-sp5/ Let me know if the issue pers...
Can I make Joint Events move together but not resize together?
Answered: Since build 2057 you can configure the behavior using the following properties:
dp.jointEventsResize = false;
dp.jointEventsMove = false;
You can test and download build 2057 in the sandbox: htt...
Custom timeHeaders
Answered: Do you use the latest DayPilot version? The start/end properties for time header active areas are available since version 8.1 (build 8.1.1757). If I add your code to demo/scheduler/index.html it seem...
Calling Javascript Functions from Code File(.aspx.cs)
Answered: If you want to execute custom JavaScript after the server-side CallBack you can use AfterRenderJavaScript. This property specifies the JavaScript that will be executed after every update (i.e. during...
Create event in Scheduler (javascript)
Answered: Take a look at this tutorial: http://code.daypilot.org/72248/html5-scheduler-and-modal-dialog-jquery It shows how to use the modal dialog to add events to the Scheduler.
How do I delete the event from the database?
Answered: You need to call the server using an AJAX call, like this:
<div id="dp"></div>
<script type="text/javascript">
var dp = new DayPilot.Calendar("dp");
dp.eventDeleteHandling = "Update";
d...
0x800a1391 - JavaScript runtime error: 'DayPilot' is undefined
Answered: The tutorial text was missing the client-side script reference:
<script src="@Url.Content("~/Scripts/DayPilot/daypilot-all.min.js")" type="text/javascript"></script>
In the sample project (http:/...
angular ctrlAs
Answered: The latest sandbox version (8.2.2038) now fully supports controllerAs syntax:
<div ng-app="main" ng-controller="SchedulerCtrl as ctrl" >
<daypilot-scheduler
id="dp"
config=...
My webpage gets laggy after a few hours when using Daypilot(trial) scheduler
Answered: Most likely it is an increasing memory consumption that is slowing the page down. A few hints: 1. Make sure that you have DayPilot Pro version 8.1.1969 or later (http://javascript.daypilot.org/daypil...
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...
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...
How to Ordering overlapping events
Answered: All main controls (Calendar, Scheduler, Month) let you specify a custom sorting rule: http://doc.daypilot.org/calendar/event-sorting/ http://doc.daypilot.org/month/event-sorting/ http://doc.daypilot....
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...