Questions Tagged how-to
Problems when exporting Gantt as jpeg
Answered: You can customize the image export using the onBeforeEventExport method of the internal scheduler object: https://api.daypilot.org/daypilot-scheduler-onbeforeeventexport/ For cells, use the onBeforeC...
Customization of Alert popup using HTML
Answered: You can use DayPilot.Modal.form() instead to customize the content: https://api.daypilot.org/daypilot-modal-form/ The following example would display a list:
const form = [
{text: "Would you lik...
Events Multiple rows copy and Multiple row paste
Answered: Please take a look at the following tutorial: https://code.daypilot.org/72047/javascript-scheduler-copy-multiple-events
How to open and close the modal using script
Answered: I recommend using DayPilot.Modal.form() to edit event details (or to enter new event data). This method lets you define the modal form fields programmatically and all the logic stays at the original ...
Modifying the left barColor styling?
Answered: You can control the bar width and other properties using CSS. The bar is built using two nested divs with the following CSS classes (applies to the default "calendar_default" theme): calendar_default...
How to show the recourse image
Answered: I answer to myself Private Sub ParkingDP_BeforeResHeaderRender(sender As Object, e As BeforeResHeaderRenderEventArgs) Handles ParkingDP.BeforeResHeaderRender Dim htm As String = "<img src=data:image/...
Scheduler Persist row (resource) moving
Answered: You can take a look at the following tutorial to see how to handle row moving and persist the row order (in JavaScript/Node.js): https://code.daypilot.org/95340/react-activity-planning-system-node-ex...
Scheduler Event sorting drag & drop
Answered: The Scheduler lets you specify custom event order but unfortunately it doesn't support reordering events (inside cells) using drag and drop.
Kanban - Insert new card at specific position
Answered: The Kanban component respects the original order of items (in cards.list). You can insert the card at the desired location there and call update().
Setting lower margin-lefts for children in row header
Answered: You can control the indent width using treeIndent property: https://api.daypilot.org/daypilot-scheduler-treeindent/
Create schedule with only start date and duration
Answered: No, this is not supported at the moment. You'll need to calculate the start and end dates before displaying the data in DayPilot.
Multiple resources on a date...
Answered: Yes, this is possible: https://javascript.daypilot.org/demo/calendar/daysresources.html https://doc.daypilot.org/calendar/column-header-hierarchy/ You can also take a look at the Scheduler that can d...
wait message before Posting
Answered: Solved by changing to manual BIND TimeRangeSelectedHandling="JavaScript" TimeRangeSelectedJavaScript="btn_navigateClick();"
Multiple row copy paste
Answered: Please take a look at the following tutorial: https://code.daypilot.org/72047/javascript-scheduler-copy-multiple-events
Show only current month days in month view
Answered: It's not possible to hide the boxes but you can use onBeforeCellRender event to remove the day numbers (args.cell.headerHtml) and use a different background color (args.cell.backColor). See also: htt...
Show/Hide Columns using checkbox list instead of context menu
Answered: Unfortunately, the menu doesn't support checkbox items so it can't be used for this purpose. You'd have to create a custom panel to show the checkboxes.
How to skip a day of the week
Answered: I'm not sure if that's what you mean but it's possible to exclude the hidden time from the event duration when moving events using drag and drop: https://api.daypilot.org/daypilot-scheduler-eventmove...
Calendar Control not refreshing
Answered: Unfortunately, it's not clear from your example what could be wrong. I recommend starting with a working project from one of the tutorials, e.g. https://code.daypilot.org/18967/event-calendar-with-da...
Giving a custom color to a Calendar message in Angular
Answered: This was not implemented in the Calendar component but it's now available in the latest sandbox build (2021.1.4923):
this.calendar.control.message('Welcome', {delay: 5000, cssClass: 'welcome-msg'})...
Check empty resource free
Answered: You need to go through the events in a row to find the free slots. See also the following tutorial: https://code.daypilot.org/94263/javascript-scheduler-find-next-free-slot
Add menu item to context menu on scheduler
Answered: This should work fine - I recommend checking if your Page_Init() method is being called properly. If it is, you might be overwriting the menu items somewhere else.
Total hour by Employee by tasks
El total que me da por empleado, no es correct. Estoy utilizando una prueba de Scheduler y no suma los minitos correctaente, me ma menos.
Hide ContextMenu item based on logged user
Answered: You can define the context menu items dynamically in code behind in ASP.NET - use the Items property of the DayPilotMenu object.
How to get id of newly created event?
Answered: You need to return the ID of the new event from the server after saving the new record in the database. Then you can add the event to the Scheduler using events.add(). Please take a look at the follo...
How to use 'DayPilot Pro for JavaScript (Web Start)' License for Dev/Test/Prod Environments
Answered: When deploying the application to auto-scaling Azure App Services it's necessary to use a multi-server license. Also, it is necessary to have a license for all people (developers, testers, etc.) who ...
Blank gap in printable version
Answered: Browsers try to simplify the output during printing which makes the result unreliable. However, the Calendar is able to export an image which you can insert into a PDF file. Please see the following ...
Scroll to resource issue in DayPilot 2020.3.4610
Answered: Unfortunately, it's not possible to predict how the row height changes before the data are loaded. You can either make sure that the event row heights are the same (forbid overlapping events, group c...
Gantt chart
Answered: There are two versions of DayPilot for ASP.NET WebForms DayPilot Lite for ASP.NET WebForms (open-source) https://aspnet.daypilot.org/open-source/ DayPilot Pro for ASP.NET WebForms (commercial) https:...
How to stop scheduler overspilling parent when have an expanding header
Answered: The changes of the parent height are not watched dynamically. It's only recalculated if the window is resized. You can invoke a manual recalculation by calling show() after the header height is chang...