DayPilotServer Side Rendered React throws `navigator is not defined`
Answered: Unfortunately, server-side React rendering is not supported.
Questions Tagged react
unexpected scroll on init | incorrect onScroll behavior |infinity scroll loop
Answered: You must not assign the events attribute in onScroll. This causes the change detection mechanism to refresh the Scheduler and fire another onScroll event. See also a related question (it's for Angula...how to delete link
Answered: You can delete a link using the api: https://api.daypilot.org/daypilot-gantt-links-remove/ Users can delete a link using a context menu: https://doc.daypilot.org/gantt/link-deleting/Export Scheduler Data
Answered: The best way to export the data is to use the events.list property: https://api.daypilot.org/daypilot-scheduler-events-list/ The Scheduler updates this array with all changes made using the UI (event...How to add more fields when creating events
Answered: You can use DayPilot.Modal to display a custom page. This approach requires that this page interacts with the server directly. You can find an example in the following tutorial: https://code.daypilot...adding columns
Answered: If you mean the row header columns you can change them using "rowHeaderColumns" property. In React, you can use rowHeaderColumns attribute of the <DayPilotScheduler> tag. See also: https://doc.daypil...Synchronizing Scheduler data
Hello, I am trying the library for my company. There is one specific requirement that is being able to have a window with several schedulers, and at the latest position, one readonly scheduler with t...JSX support for corner html in react
Answered: The same mechanism (onBefore*DomAdd event) is supported for event and time header cells as well. Please see the following tutorials: Rendering JSX in events: https://code.daypilot.org/50584/react-sch...React scheduler executes something despite props not being updated
Answered: Unless something significant has changed in React with the introduction of state hooks, it works like this: React uses a single immutable state object to store the state items. Whenever you change an...Setting custom html for time header in react
Answered: You can insert a React component using onBeforeTimeHeaderDomAdd: onBeforeTimeHeaderDomAdd: args => { args.element = <jsx>; } See also a related tutorial (on rendering JSX components in row headers): ...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.Add possibility to group resources
Answered: Unfortunately, this is not possible at the moment. However, it may appear in one of the future versions.onScroll callback doesn't work
Answered: The onScroll event is only fired if dynamic event loading is enabled ( https://doc.daypilot.org/scheduler/dynamic-event-loading/ ). You can hook the "scroll" event directly like this: dp.nav.scroll.a...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-dropUsing cellDuration with business hours
Answered: The cells defined using cellDuration (or other scale types as well) will always start at 00:00 and the start won't be affected by the businessBeginsHour property. In fact, businessBeginsHour works be...Regarding the "Demo" text
Answered: Yes, this is a trial version. The trial period is 60 days. If you want to use it after the trial period you need to purchase a license: https://javascript.daypilot.org/buy/