search envelope-o feed check
Home Unanswered Active Tags New Question

Questions Tagged javascript

custom resource field

Answered: You'll need to transform your data set to match the data structure required by the Scheduler. It displays the name specified by the "name" property: https://api.daypilot.org/daypilot-scheduler-resour...

Non-reproducible problems with converting some "YYYY-MM-DD" date strings to DayPilot.Date

Answered: The following object: { "Global": {...}, "isKhtml": true, "isIE": false, "isIEQuirks": false, "browser": {...}, "libs": {...}, "touch": {...}, "Stats": {...}, "Util": {...}, "Areas": {......

How to force Event to new row

Answered: Yes, please take a look at the following tutorial: https://code.daypilot.org/91222/javascript-scheduler-event-placement-strategies

dp.events.filter makes groupConcurrentEvents disappear

Answered: This bug should be fixed now in the latest sandbox build (2022.1.5232): https://release.daypilot.org/changes/js/ Please let me know if there is any problem.

Daypilot Event phases with custom bubbleHtml

Answered: 1. Yes, the active areas are rendered on top of the event and it covers the text. The solution here would be to render the text in a special active area that is rendered last (they are rendered in th...

How to align text centered in daypilot event?

Answered: The event content div (*_event_inner) uses "display: flex" which prevents "text-align: center" from working. You will need to use "justify-content: center;" instead. It has to be set on the inner div...

Vue - Accessing calendar functions

Answered: It looks like you are using the open-source Lite version which includes only a subset of features. The scrollToHour() and message() methods are only available in the Pro version at the moment. See al...

Scheduler: How to disable rowheadercolumn resizing?

Answered: This is a divider between row headers and the main Scheduler grid. At this moment, it is always resizable when you enable row header scrolling: https://api.daypilot.org/daypilot-scheduler-rowheadersc...

How to let the grid occupy the white empty space a the bottom

Answered: You can set custom row height using minHeight property (https://api.daypilot.org/daypilot-scheduler-resources/). However, it doesn't calculate the value automatically. In order to avoid the white spa...

Setting rowHeaderWidthAutoFit to true doesn't work if rowHeaderColumns ist set

Answered: The width auto-fit feature works with row header columns as well, but the width is calculated for the content cells (not for the column titles).

How set the scale resp. the zoom automatically on the number of days

Answered: The built-in zoom system (see the tutorial at https://code.daypilot.org/32893/javascript-scheduler-zoom) lets you specify the values either statically or using a function. If you use a function you w...

want to create 'html5-hotel-room-booking-react-node-mongo'

Answered: To learn how to use the Scheduler component with Node.js please see the following tutorial: https://code.daypilot.org/95340/react-activity-planning-system-node-express-postgresql Also, please note th...

Need html5-hotel-room-booking-javascript-php in react version

Answered: To learn how to use the React Scheduler component please see the following tutorial: https://code.daypilot.org/77607/react-scheduler-tutorial The React version of the hotel tutorial is not available ...

Is it possible to create a calendar with 6 month views

Answered: Unfortunately, this kind of view is not available at the moment.

How to display child resources in modal form list

Answered: The HTML5 Scheduler tutorial (https://code.daypilot.org/87166/html5-scheduler) uses a flatten() function which does essentially the same that you are doing: function flatten(resources, result) { ...

How to add a database and script to handle public holidays.

Answered: There is a tutorial available that shows how to display holidays (by setting a custom scheduler cell background color): https://code.daypilot.org/93068/javascript-scheduler-displaying-holidays I beli...

Parent resource in front of the child resources

Answered: This is not possible at the moment but it's in the queue and it should be available within 1-2 months.

Hourly range covering two consecutive days

Answered: OK, thanks for the update. In the Scheduler, there are two ways to achieve that: 1. You can define the timeline manually by adding individual cells: https://doc.daypilot.org/scheduler/timeline/ 2. Yo...

Event text displaying

Answered: You can make the text smaller using CSS but this will not ensure that every possible text will be displayed in full. I recommend using the bubble component which can display additional details using ...

Custom CSS class for a resource

Answered: You can use onBeforeRowHeaderRender event handler to add a custom CSS class: https://doc.daypilot.org/scheduler/row-header-customization/ Example: JavaScript dp.onBeforeRowHeaderRender = function(a...

How to disable previous dates in calendar

Answered: At this moment, blocking selected dates is only supported in the Pro version. Please see the following tutorial: https://code.daypilot.org/88013/javascript-calendar-blocking-selected-dates

Daypilot is creating Empty DIVS on dp.events.update(event) and when expanding/collapsing group resources

Answered: These issues should be fixed now in the latest sandbox build (2022.1.5209): https://javascript.daypilot.org/sandbox/ Please let me know if there is any problem. And thanks for reporting the issues!

daypilot-pro-react package is free for React Calender Component?

Answered: Yes, the "daypilot-pro-react" package is paid. If you are looking for the free package, take a look at "@daypilot/daypilot-lite-react": https://www.npmjs.com/package/@daypilot/daypilot-lite-react The...

Disable Group Availability Row

Answered: The purpose of the invalidate() method (https://api.daypilot.org/daypilot-cellarray-invalidate/) is to ask for a fresh result of onBeforeCellRender event callback. It is useful if you display calcula...

Displaying Group Availability

Answered: This issue has been fixed in version 2020.3.4547: https://javascript.daypilot.org/daypilot-pro-for-javascript-2020-3-4547/ I recommend switching to the latest version though - which is now 2022.1.518...

How to set custom border color on business days in scheduler?

Answered: The cell borders are rendered using long 1px elements that are displayed at the cell boundaries. The color is set using "background-color" style. The horizontal lines are marked with .scheduler_defau...

Is it possible to have resources on the vertical axis for the calendar?

Answered: Unfortunately, this is not possible. You might be able to mimic this arrangement in the Scheduler using a combination of custom start/end values and eventStackingLineHeight (https://doc.daypilot.org/...

Are we able to change the bar width?

Answered: You can change the bar width using CSS: <style> .wider-bar .calendar_default_event_bar, .wider-bar .calendar_default_event_bar_inner { width: 12px; } </style> And add the "wider-bar" CSS c...

Autorefresh not working for > 10sec

Answered: It's important to remember that the timeout gets reset after the component is updated. Normally, this doesn't happen too often and you usually load the current data set from the server. If you see th...

scheduler expand collapse animation control

Answered: You can disable the animation using treeAnimation property: https://api.daypilot.org/daypilot-scheduler-treeanimation/
Previous Questions 31-60 of 1467 Next