Questions Tagged
Calendar drag drop
Answered: At this moment, it's not possible to drag events out of the Calendar. However, it's in the queue and it will be added in the near future.
How to resize the table column and row like excel ?
Answered: Unfortunately, this is not supported. In the Pro version, it will be possible to resize columns in the near future.
How to hide non working hours for each users?
Answered: This is not possible. You can't hide just one cell of a column. You can either hide a full column (if the non-business hours are the same) or use a special background color for non-business hours tha...
DayPilot Scheduler sometimes puts different "event containers" on the same line
Answered: The container joins the member events into a single virtual event. The virtual events are then treated in a standard way - there can be multiple events in the same line in a row, if they don't overla...
Use html on rowheader
Answered: The onBeforeRowHeaderRender event lets you set custom HTML for each row header cell (args.rows.cells[].html). See also: https://doc.daypilot.org/scheduler/row-header-customization/
profile picture in rowheader
Answered: You can add a picture to the Scheduler row header using onBeforeRowHeaderRender event. Please see an example here: https://doc.daypilot.org/scheduler/row-header-icons/
How to check if there are no rows visible to display another component.
Answered: This logic destroys the component when noRows if false and makes the scheduler instance invalid. You can try using the "visible" attribute instead, something like this:
<DayPilotScheduler {...confi...
Split in resource
Answered: These issues should be fixed now in the latest build (2022.2.5303): https://release.daypilot.org/changes/js/ Now you can access the split resource parent using DayPilot.Row.splitParent() and subresou...
dropbox with multiple choices
Answered: Unfortunately, this is not supported in the modal dialog forms (https://modal.daypilot.org/) at the moment. You can only add checkboxes at the top level (always visible). However, it might be a good ...
How to Detect Changes for Input Field?
Answered: This is not supported at the moment - but you can use the "searchable" element which is a drop-down list with items filtered by the text you type.
Cannot read properties of null (reading 'offsetHeight')
Answered: It looks like one of the event handlers survived the component destroy phase and it is trying to access DOM elements that were already removed. That should be fixed already - could you please give it...
Dragging events out of loaded date range leads to errors or losing duration
Hi everyone, I have trouble with my Scheduler when dragging events out of the loaded time range using infinite scrolling. So I'm starting with a range of multiple months around "today" loaded and dra...
Getting "No next cell found" error
Answered: Maybe it stopped working on a specific day (Saturday, Sunday) - you are using today for the queue. This can be a problem if you display one day and hide weekends but it looks like your configuration ...
Event tap and hold Doesn't work .
Answered: This problem should be fixed now in the latest sandbox build (2022.2.5292). See also: https://release.daypilot.org/changes/js/
how i can change the slots to be 15 min replace of 60 min ?
Answered: You'll need to change the "SlotDurationMinutes" value in the Timeline class.
using Project.Models;
namespace Project.Service
{
public class Timeline
{
public static int Slo...
Progress feature request: parent resouce in front of child resources
Answered: Hi Santor, It's in the works. Unless there is some problem, it will be included in the next release (June 1, 2022).
How to disable cells in monthly calendar
Answered: Since version 2022.2.5287 (now available in the sandbox), you can disable selected cells using onBeforeCellRender event handler: https://doc.daypilot.org/month/disabled-cells/
Scheduler - Add text at the bottom of a day
Answered: Yes, you can add it using onBeforeCellRender. Try something like this:
onBeforeCellRender: args => {
args.cell.areas = [
{
left: 0,
right: 0,
bottom: 0,
text: "...
Scheduler - How to show tooltip on hover over active area
Answered: This syntax is correct and it seems to work fine. However, the screenshot doesn't correspond to the sample code - "left: 0, right: 0, top: 0, bottom: 0" will fill the whole cell. So you might want to...
Where do the args of the onBeforeTimeHeaderRender method come from?
Hi everyone, I'm working on a project that loads events dynamically, also using the onScroll method. In addition to this there is a zoom that allows, depending on the selected level, to view the peri...
Scheduler: New line is inserted after pressing Enter twice
Answered: It looks like the new event is not focused properly after it is created. The focus remains on the background grid cell. I recommend checking the onTimeRangeSelected handler - make sure that the new e...
DayPilot default css styles
Answered: You can generate a custom theme using the Theme Designer: https://themes.daypilot.org/ The default settings will generate a theme that corresponds to the built-in theme. You can include the generated...
Loading events from multiple sources (onto Scheduler)
Answered: You need to make two requests manually and merge the results into a single array. The following example uses two parallel requests, waits until both return a result and update the Scheduler:
const ...
Several Schedular RowHeader Bugs on Mobile
Answered: 1. Unfortunately, resizing the row headers is not supported on touch devices at the moment - the splitter is too narrow to support convenient control using touch gestures. 2+3. These issues are fixed...
How to add bubble to event group?
Answered: You can enable a bubble for event groups using the groupBubble property: https://api.daypilot.org/daypilot-scheduler-groupbubble/ There are two ways to specify the bubble content: 1. You can use onBe...
php hotel room booking
Answered: You can find the licensing options at the Buy page: https://javascript.daypilot.org/buy/
Setting heightSpec: "BusinessHoursNoScroll" resets hours shown on grid
Answered: The support for heightSpec: "BusinessHoursNoScroll" is now implemented in the latest sandbox build and it will be available in the next release.
onScroll gets fired multiple times, if height if height of .fs_scrollable is changing on dynamicLoading
Answered: At this moment, the Scheduler doesn't debounce onScroll calls that are invoked as a result of the viewport size change. However, this will only happen if you use dynamic height (such as heightSpec: "...
How to select a date range dynamically and highlight it?
Answered: To set the initial date selection, please use the select() method in ngAfterViewInit(): https://api.daypilot.org/daypilot-navigator-select/ When you add the selectionStart, selectionEnd properties to...
Is it possible to use the onRowCreate method in each resources group with childrens to add new rows dynamically?
Answered: At this moment, it's only possible to use the "new row" feature to add rows to the top level. In order to add children, you can use a context menu as demonstrated in this tutorial: https://code.daypi...