Active Questions
Using DayPilot.Calendar.makeDraggable and native drag/drop on the same html element
I am using DayPilot.Calendar.makeDraggable to drag an external item onto the DayPilot calender and this works great! But, I also need to be able to drop this on a droptarget (div) that is not DayPilo...
DayPilot for angular mobile touch device.
I'm looking for a scheduler for a touch device. My requirement is - 1. On Portrait mode: we show a 1 Day calendar. 2. on Landscape, we show 3 days, with a horizontal scroll to get 1 week.
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...
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...
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...
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
Daypilot angular bundle size
Answered: Unfortunately, the package size can't be reduced. We recommend the following to improve the loading time: make sure the bundle is served compressed (in your screenshot, you can see that the gzipped s...
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...
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 => {
...
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/
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...
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...
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 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))");
...
Scheduler: keyboard navigation using the Tab-key
Answered: The keyboard API is now available - please take a look at the following tutorial: https://code.daypilot.org/68177/javascript-scheduler-how-to-use-the-keyboard-api
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...
Questions 1-20 of 4351
Next