Questions Tagged
this in undefined in the addEvent example
Answered: This hint is correct, you can't use "this" in a functional React component. You'll need to create a variable instead:
const Scheduler = () => {
let scheduler: DayPilot.Scheduler;
return...
Month Event Prerender not working
Answered: You'll need to change the attribute to:
OnBeforeEventRender="DayPilotMonth1_BeforeEventRender"
or add "Handles" to the the method signature:
Protected Sub DayPilotMonth1_BeforeEventRender(ByVal...
Using DayPilot.Calendar.makeDraggable and native drag/drop on the same html element
Answered: Unfortunately, the makeDraggable() method can't be combined with the native HTML5 drag and drop API. However, there is now a new registerDropTarget() method available in the latest sandbox build (202...
DayPilot for angular mobile touch device.
Answered: Please see the following tutorial: https://code.daypilot.org/79036/angular-calendar-detect-orientation-change-landscape-portrait
I'm facing issue while updating my daypilot version 2018 to 2021.
Answered: You can remove both properties. The "cssOnly" property is no longer used (the css-only mode is always active). The "cssClassPrefix" property has been replaced with "theme" - and "bubble_default" is t...
Gannt View Sticky date header.
Answered: Please see my comments here: https://forums.daypilot.org/question/5509/how-can-i-make-sticky-date-header-of-angular-gantt-view
How can I make sticky date header of Angular Gantt view?
Answered: The horizontal (date/time) header is sticky by default. You just need to set the height properly. For all options, please see the Scheduler height topic in the documentation (the Gantt chart uses the...
Delete on mobile
Answered: You can use an active area with the following properties. This will ensure that the active area will be always visible:
visibility: "Visible"
Or you can make it permanently visible on touch devic...
Changing cell width without changing the cell duration
Answered: You can do that by increasing the cellWidth value:
scale: 'CellDuration',
cellDuration: 10,
cellWidth: 20,
See also: https://doc.daypilot.org/scheduler/cell-width/
FontAwesome
Answered: You can display Font Awesome icons using active areas. That will let you specify the icon position and dimensions. You can include the active areas in the data source (events.list) but it's better to...
More precise event's position
Answered: By default, the Scheduler displays event boxes rounded to the grid cell borders. The exact duration is displayed using the duration bar (if enabled). You can change this behavior using useEventBoxes ...
I'm Using angular Daypilot Scheduler.
Answered: The placeholder div is generated automatically by the Angular Scheduler component and it is initialized immediately. You will only see this error if the Scheduler can't find the placeholder which is ...
How to load row axis based on selected items from dropdown by the user
Answered: You need to make sure that the URL used in dp.rows.load() call returns the data correctly. I recommend using browser developer tools (Ctrl-Shift-I or Option-Command-I), the Network tab, to inspect th...
Show calendar with 15 minutes slots
Answered: No, the Lite version only supports 30-minute slots. See also: https://doc.daypilot.org/calendar/time-cell-duration/
load data based on dropdown list
Answered: Please see my answer here: https://forums.daypilot.org/question/5494/how-to-refresh-gannt-chart-based-on-dropdown-values
How to refresh gannt chart based on dropdown values
Answered: The following tutorial includes a project that displays a drop-down list with locations: https://code.daypilot.org/61166/php-shift-planning-javascript-html5-mysql-database When a user selects an item...
How to change color of duration bar based on values in database
Answered: The backend_events.php script should look like this:
<?php
require_once '_db.php';
$stmt = $db->prepare("SELECT * FROM leave_event WHERE NOT ((leave_end <= :start) OR (leave_start >= :end))");
...
Task Box Text Color
Answered: You can change the text color using onBeforeTaskRender event:
dp.onBeforeTaskRender = function(args) {
if (args.type === "Group") {
args.data.box.fontColor = "#ffffff";
}
};
See also...
Warnings in Chrome console for the scheduler
Answered: The warnings on non-passive event listener only appear if you set the log level to "Verbose". It's a hint and not something that can be "fixed" in all cases. The non-passive listener is essential for...
UndoService in reactjs
Answered: Please see the following tutorial: https://code.daypilot.org/30113/react-scheduler-how-to-enable-undo-redo
Scroll Issue in Resource Column only on Macbook trackpad?
Answered: This should be fixed now in the latest sandbox build (2021.3.5062): https://release.daypilot.org/changes/js/ It looks like Safari started to report a different scrollbar width when a mouse is connect...
Missing Event reference on external drag & drop item
Answered: Solved! Dunno why, but it seems that removing the ID attribute deputies to the AJAX conversion the content is correctly sent to db. If someone could explain me why this trick worked should be great. ...
rowheaderhideiconenabled set up colums which stay showed
Answered: Unfortunately, this is not possible at the moment. You can implement this feature using your own button. You can find an example here: https://javascript.daypilot.org/demo/scheduler/rowheadercolumns....
Uncaught DayPilot.Scheduler.resources expects an array object
Answered: The Scheduler checks if the object in the "resources" property is an array. If it isn't, it throws this exception. You should make sure that you are passing a correct object. I recommend printing the...
Reinitialize again Daypilot component or somehow destroy it on new reinit
Answered: There are two options: 1. You can reuse the "dp" instance (and use the update() method to apply the new configuration). 2. Destroy and unbind the old instance by calling dispose(): https://api.daypil...
How to call a daypilot EventClickJavaScript on button click of ASP.NET WEBFORM - C#
Answered: Instead of trying to build the DayPilot.Event object, I recommend changing the ask() function signature so it would accept individual parameters that are available to the button click event handler.
Keyboard navigation from last cell
Answered: With the latest version (https://javascript.daypilot.org/daypilot-pro-for-javascript-2021-3-5070/), you can update the keyboard focus in onEventClick event like this:
dp.onEventClick = args => {
...
Is it possible to get the same event of DayPilot on Gridview OnRawCommand ?
Answered: The 'e' variable holds a DayPilot.Event object. You can create it using the constructor: https://api.daypilot.org/daypilot-event-constructor/
How to call a DayPilotCalendar event on button click of ASP.NET ?
Answered: Try this:
<asp:LinkButton ID="linkbtn_show" runat="server" Text="Create New Task"
OnClientClick="javascript: create('2021-08-16T13:00:00', '2021-08-16T13:00:00', null);" >
</asp:LinkButton>