Questions Tagged javascript
How to add text field in cell?
Answered: Yes, you can add custom HTML to grid cells using onBeforeCellRender event handler. Example:
dp.onBeforeCellRender = function(args) {
if (args.cell.resource === "A")
args.cell.html = "12";
...
Disable right click on DayPilot Scheduler
Answered: By default, timeRangeRightClickHandling is set to "ContextMenu". That means grid right click activates the context menu - but it must be set using contextMenuSelection property. If you use timeRangeR...
Can't Seem to dynamically load on scroll
Answered: That was it. I was storing the resource as a varchar originally. Switched this to an int in the database instead, problem solved. Thanks for the help.
Display lines for 30 mins and hour cells when using Scheduler group by hour
Answered: 1. You can override the default vertical line style to dotted using CSS. This works for the default theme ("scheduler_default"):
.scheduler_default_matrix_vertical_line { background-color: inherit;...
Restrict resizing or moving event which goes to previous day
Answered: Update: "dp" is the DayPilot.Scheduler object. This is a complete Scheduler component example:
import {Component, ViewChild} from '@angular/core';
import {DayPilot} from "daypilot-pro-angular";
...
Call function in blade view laravel
Hello, there i using this js with laravel, how to call the function (e.g. loadResource-load event) in blade view? and how to call data from database? Thanks
reloading events on scheduler from server after initialization
I'm using a demo version of the scheduler pro for angularjs and am pulling in angulerjs v 1.3.8. I'm having difficulty re-loading the scheduler with events after the control has been initialized. Eve...
Displaying total hours when adding or editing shifts in daypilot scheduler control
Answered: The following tutorial (for AngularJS 1.x) shows how to display total time occupied by events in each row: https://code.daypilot.org/54503/angularjs-timesheet-tutorial-javascript-php You can use the ...
How to block (and show) a complete day
Answered: If I understand it correctly you are asking for something slightly different than the original question: https://forums.daypilot.org/Topic.aspx/2944/how-to-block-and-show-a-complete-day Konrad would ...
How to get Date from Navigator using JavaScript and copy to textbox
Answered: 1. You can get the current selection using the following properties: * nav.selectionDay - the exact day that was clicked * nav.selectionStart - start of the selection * nav.selectionEnd - end of the ...
When setting timezone to australia/sydney event in day calendar shows 30 mins late
i use moment js to arrange time my calendar config: $scope.calendarConfig = { startDate: moment().utcOffset(11).format('YYYY-MM-DD') } in my database there is different field for time and date so i u...
Custom weekend days
Answered: The onBeforeCellRender applies the properties (business/non-business) to grid cells. The business status can be set for each cell separately and it's possible that cells in the same column will not h...
JavaScript Source from Pro Purchase
Answered: The JavaScript files in in the ASP.NET WebForms are not licensed for standalone usage - they can only be used within the DLL as embedded resources. If you prefer using the JavaScript version you can ...
how to use suport
Answered: You can ask your question here in the forum: https://forums.daypilot.org/question/new Or you can contact support directly: support@daypilot.org.
Android tap on event triggering time range selected in month Daypilot.Month view
IOS works fine however taping on an existing event in the Daypilot Month view using an android devices is also causing the onTimeRangeSelected to be fired shortly afterwards.
box.html in Gantt Task not displayed of a GroupTask
Setting the box.html is not displayed. See following in documentation box.html (if not specified, complete percentage is used for tasks, empty string for groups and milestone) Setting box.htmlLeft ha...
problem with overlaps in Server.
Answered: The Scheduler supports client-side overlap detection (https://doc.daypilot.org/scheduler/event-overlapping/). This helps with real-time UI feedback but it's also necessary to implement server-side va...
Row Filter
Answered: Since build 2535 you can call
dp.rows.filter("filter");
before .init() to apply the filter. You can get the latest build in the sandbox: http://javascript.daypilot.org/sandbox/ Let me know if it ...
New Version Release For Paid Versions
Answered: Richard, You can download it in the customer area: https://www.daypilot.org/customers/
How do you delete an event?
Answered: The Lite edition doesn't support the built-in "delete" icon like the Pro version: https://doc.daypilot.org/calendar/event-deleting/ The best way would probably be to add a "Delete" button to the moda...
DayPilot Scheduler is slow in IE (only in IE)
Hi, Hope you could help me. We are using Scheduler v8 (Pro) and got an issue that it's really slow in IE (10, 11, Edge). Everything is fine in Chrome and Firefox, though. I've tried to disable nearly...
Multiple grouping per row (Sheduler)
Hello, we would like to buy your pro edition, but we would need another feature for the Scheduler, Is there a way to group multiple events inside a group? I found the "Concurrent Event Groups" (https...
DayPilot.Scheduler.onIncludeTimeCell doesn't render custom scale correctly
Answered: The onIncludeTimeCell event handler acts as a filter - it's applied after the timeline is generated. You can also generate the timeline manually using scale: "Manual" mode. This will give you better ...
Pro License concerned
Answered: The "DEMO" label indicates that you are using the trial version of DayPilot Pro. If you want to use the Pro version you'll need to buy a license. The trial period is limited to 60 days.
timeRangeSelectingStartEnd - end day minus 1
Dear All! When I select, let's say, Nov. 10.-15 these 5 days are highlighted. But the bubbles (or however you call it - I can format them via timeRangeSelectingStartEndFormat) shows on the right of m...
HTML5 Tennis Court Reservation for asp.net webforms
I am looking court booking and came across day-pilot Tennis court booking code sample https://code.daypilot.org/11478/html5-tennis-court-reservation-php-javascript Could you please tell me if you sam...
Set timerange to 8 am until 3am the next day
Answered: Rik, I didn't check the actual logic of your sample but the result should be set using args.cell.visible property instead of the return statement. See also: https://api.daypilot.org/daypilot-schedule...
DayPilot.Scheduler.makeDraggable Not supported in Angular2?
Answered: and here it is:
import { Directive, ElementRef, Input, AfterViewInit } from '@angular/core';
import { DayPilot } from 'daypilot-pro-angular';
@Directive({ selector: '[makeDraggable]' })
expo...
How to load properly load resources and events on Scheduler
Answered: After a day of work I managed to do it but still don't know if I am doing it correctly but it works. I created the scheduler object and when I got to resources I did an Ajax quest just for it and the...
How to execute using MySQL instead of SQLite?
Answered: The default MySQL port is 3306 so keep that value (unless you have changed the port in your MySQL installation). As far as I can see there are no extra backticks in the SQL commands. Your _db.php sho...