Questions Tagged javascript
Angular 4+, onRectangleEventSelect
Hi Is it possible to have onRectangleEventSelect + multiSelectRectangle: 'Row' and do selections on events instead of selections snapping to cellDuration, I noticed that when using "Free" selections ...
Event calendar
Answered: Maybe just a typo, it should be "locale":
dp.locale = "fi-fi";
See also: https://api.daypilot.org/daypilot-calendar-locale/
Event handling method
Answered: You can define the event handlers directly on the DayPilot.Scheduler object (which is available as DayPilotComponent.control). Just note that DayPilotComponent.control is not available before AfterVi...
makeDraggable() remove
Hello, I need some help makeDraggable(). I want to drop an external item on a picture(trashcan) to remove the item and trigger a function. What is the bestpractice. function makeDraggable() { var par...
changing court name
Answered: At this moment the tutorial project doesn't include the user interface to change the court names. You'd have to add it or you can also modify the database directly. The sample SQLite database is gene...
Remove Shadow in Drag and Drop
Answered: Sorry for the delay! What exactly do you mean by the "shadow"? Is that the semi-transparent div that indicates the target position during drag and drop? You can modify the appearance using CSS (creat...
exportAs exports the html attribute instead of name.
Answered: Found the eventhandler... https://api.daypilot.org/daypilot-scheduler-onbeforerowheaderexport/ I would delete this post if I was able to :-) Thanks for making DayPilot great!
DayPilot.request broken after update
Answered: This happens because the "args" object has been extended with new properties (including a reference to DayPilot.Scheduler instance) and it can't be serialized using JSON.stringify() anymore. It's nec...
Print scheduler
Answered: Please note that HTML is not supported during image export: https://doc.daypilot.org/scheduler/client-side-export/ You can supply alternative text using onBeforeCellExport event (args.text): https://...
autoScroll = "Always" for horizontal scroll only
Answered: Unfortunately this scenario is not supported at the moment.
Modifying the header row highlight style when crosshairType="Header"
Answered: You can change the crosshair appearance using CSS. The default built-in theme ("scheduler_default") uses the following CSS:
.scheduler_default_crosshair_vertical, .scheduler_default_crosshair_horiz...
Create Event with popup-menu
How can I create an event by drag an area -> popup menu "Create Event" (like the one that pops up on right-click) -> Select = new event? Regards, Kim
Drag Drop not working in safari
Answered: Is that the Windows version of Safari from 2012? Unfortunately that version is no longer supported by Apple and we don't support it either.
TimeRangeDoubleClick not working
Answered: Time range double click is disabled by default. You need to enable it first using timeRangeDoubleClickHandling property: https://doc.daypilot.org/scheduler/time-range-double-click/ Let me know if it ...
treeAutoExpand Option for GANTT
Answered: By default all nodes in the Gantt chart are expanded. You can override it for each node (task) by setting task.row.collapsed = true:
dp.tasks.list = [
{
id: 1
start: "2018-01-01T09:00:00",
...
Event Calendar hide weekends
Answered: If you'd like to display a custom number of consecutive days you can use "Days" view as described here: https://doc.daypilot.org/calendar/days-view/ It's also possible to display any combination of d...
bespoke development
Answered: Thanks Dan. In all honesty, it would still be over my head! Obviously, I'd like to licence your code, but would anyone else be interested in helping me adapt it to our specific needs? Thanks
Change the color of the event
Answered: If "events" holds an array of DayPilot.Event objects you need to change the background color like this:
// ...
evt.data.backColor = 'Gray';
// ...
instead of
// ...
evt.backColor = 'Gray'; ...
How can i translate days into another language
Answered: Please take a look at the Localization topic in the documentation: https://doc.daypilot.org/month/localization/ You can use one of the predefined locales or you can define your own. In addition to sw...
Cannot export or print schedule [AngularJS]
Answered: Update: The latest sandbox build (8.4.3098) accepts string, number and null (null was added in this build). The exception text now includes the value type. https://javascript.daypilot.org/sandbox/ Pl...
Event start end problem
Answered: By default DayPilot works with exact date/time points, i.e. an event with end specified as "2017-10-06T00:00:00" will end at the beginning of October 6, 2017 (midnight). There is an option to change ...
Exact timerange selection when useEventBoxes is set to never.
Answered: In addition to useEventBoxes which affect the display of existing events there is also snap-to-grid feature which affects drag and drop: https://doc.daypilot.org/scheduler/snap-to-grid/ Unfortunately...
Moving all events from once resource to another
Answered: You can get a list of all events for a given row using DayPilot.Row.events.all():
var events = dp.rows.find("A").events.all();
Then change the "resource" value for all of them and call update:
...
Collapse all Rows
When I click to open a row, is it possible to collapse the other rows without foreaches? Thanks in advance!
how to recalculate overlapping in onEventMoving
Answered: Found a solution here. Adjusting the Target Position https://doc.daypilot.org/scheduler/event-moving-customization/
Clear cell values
Hi I have a resource called summary and showing the totals depending on resource. But when i changed the resource still showing the previous values. how can clear the values in some cells i.e is summ...
Move events dynamically joint
Hi, I'm using Daypilot Scheduler Javascript, and I'm wondering if the joint events feature could help me. What I'm trying the achieve is to move an event on the time axis using drag and drop, but at ...
Getting the filtered events
Hi, I have to get filtered events i mean events visible on the scheduler. Do we have any direct option or only through javascript function. thanks
Event move
Hi While moving the event,event is resizing.How to prevent resizing while moving the event Thanks
Want to show Cell in color
I want to apply color for cell if respective date is having more than 1 count...I am using now dp.onBeforeCellRender() for the same. But its not very usefull for me.