Questions Tagged how-to
Filter by Group
Answered: Yes, this is possible:
dp.onRowFilter = function(args) {
if (args.row.name.toUpperCase().indexOf(args.filter.toUpperCase()) === -1) {
args.visible = false;
}
var parent = ar...
get all events from resource calendar
Answered: It's now available in the latest sandbox build (2019.4.4058): https://javascript.daypilot.org/sandbox/ Example:
var col = dp.columns.find("2019-10-07"); // DayPilot.Column object
var events = col...
change doctor name and add doctor
Answered: Management of the doctors is not included in the project - in order to keep it simple. 1. You can add traditional form-based web interface to edit the doctors table. 2. You can extend the manager's i...
Is it possible to make paging in DayPilot scheduler
Answered: There are two options: 1. You can limit the current view using StartDate and Days properties and switch to the next/previous "page" using custom buttons: https://doc.daypilot.org/scheduler/next-and-p...
Snap off the grid
Answered: The real-time onTimeRangeSelecting/onEventMoving/onEventResizing event handlers let you adjust the start/end of the current drag&drop target according to your needs. These events can be used to snap ...
How to configure the API key
Answered: You need to activate the React package in the customer area (https://www.daypilot.org/customers/). You'll be able to get a npm installation link there as well.
Change width of drag handler when moving rows
Answered: The drag handle width can be set now using rowDragHandleWidth property (since build 2019.3.4044). The default value is 10 (pixels). It will be included in the next official release which is scheduled...
Keep menu item open on click when it has child items
Answered: The behavior is now updated in the latest sandbox build (2019.3.4049) - clicking an item with children will not close the context menu anymore.
Update Navigator Visible Month
Answered: It should work automatically this way. If the new date is outside of the currently visible range it will switch to the target month. Maybe this is an edge case - would you be able to create an exampl...
How do I can drag and prop some react component on the scheduler ?
Answered: There is now a new tutorial available that shows how to drag external items to the Scheduler in React: https://code.daypilot.org/85690/react-scheduler-external-drag-and-drop
DP Scheduler: Hiding versions using onBeforeEventRender
I'm using onBeforeEventRender to modify underlying event data before it is rendered. Everything is working correctly except for this... While I can modify the data surrounding versions, the version i...
is there a way to update/refresh/re-render a single cell based on the resource id and date ?
Answered: By default, cell properties customized using onBeforeCellRender are cached until a full update(). 1. If your cell content depends on the overlapping events you can simply turn the caching off:
dp.b...
warm-up and cool-down on Resource Calendar
Answered: The Calendar component now supports area.start and area.end properties for event active areas. These date/time values will be used to calculate the vertical position. It's available since version 201...
problem on Event click
// i clicked on a event , the modal is showing , when i change in the first event all is fine but when i clicked another time on another event the args.e.id() have two values , the first event id and...
Resize of areas
Dear Dan, We have some questions regarding areas resize. We're using the warmup/cooldown example (https://code.daypilot.org/82331/javascript-scheduler-warm-up-and-cool-down-time) to define an event w...
How can I update the view after changing the BackendURL property?
Answered: 1. There is a clientState property that lets you define custom state on the client side. That usually includes filtering criteria, such as user, event type, etc. You only need to set it on change on ...
How to filter characteristics of an event?
Answered: Please take a look at the clientState/ClientState properties that I have suggested here: https://forums.daypilot.org/question/4794/how-can-i-update-the-view-after-changing-the-backendurl-pro See also...
How can I remove the scroll?
Answered: Please see the height configuration options here: https://doc.daypilot.org/calendar/height/ The "BusinessHoursNoScroll" and "Full" values of HeightSpec will display the Calendar component without the...
How can I remove the demo tag?
Answered: You need to replace DayPilot.Web.Mvc.dll and daypilot-all.min.js files in your project with the ones from the full version zip file.
Change the height of the row without firing events for all rows
Answered: Unfortunately, it's not possible to update a single row at the moment. The full update ensures that the data and view are in sync and updating just a single row could have unwanted side effects and h...
How can I make a filter per user?
Answered: You can add a custom constructor that will accept additional parameters: Action:
public ActionResult Backend()
{
var userId = ....
return new Dpc(userId).CallBack(this);
}
Dpc class:
pu...
How to populate the Daypilot scheduler based on Offsigner
Answered: You can apply custom event sorting: https://doc.daypilot.org/scheduler/event-sorting/ Another option would be using a standalone row/resource which would define the position without additional tweaks.
How do i change local and date format to fr-fr
Answered: You can change the culture/locale to "fr-fr" using DayPilot.Scheduler.locale property: https://api.daypilot.org/daypilot-scheduler-locale/
How can I only allow single row select?
Hi, I want to be able to select a single resource at a time (don't allow multiple rows selected). Is there a property or I should somehow handle this?
Bubble not showing up
Answered: You can specify the event bubble content using "bubbleHtml" property. Assigning new DayPilot.Bubble() to dp.bubble is not necessary (it uses an empty Bubble object by default). Example:
dp.events.l...
Little issue with css and areas
Hi, I'm using the following code in the onBeforeEventRender:
if (data.layer === 7) {
args.e.cssClass = `${args.e.cssClass} fas fa-times`;
}
if (!data.mo...
Red color for the Message
Answered: It's possible to change the background color using CSS. 1. You can create a custom theme: https://themes.daypilot.org/scheduler/create 2. You can override the background color specified using the def...
How to allow to move events from outside and to outside, but not within the scheduler?
Hi, Is there a way to prevent events moving within the schedule but allow to move from external div and into external div? Thanks in advance
Can cell widths be set differently for business/non-business times?
Answered: Hi David, That's correct - the manual timeline can't be use in combination with the infinite scrolling. Since version 2019.3.3947, you can use onIncludeTimeCell to modify the cell width during automa...
How to be able to select a row and also have double click working?
Answered: The row double click is not enabled by default. If you enable it using rowDoubleClickHandling = "Enabled" you'll be able to use both single and double click event handlers: https://api.daypilot.org/d...