Questions Tagged how-to

Active area not working for multiple column row headers

Answered: > I tried the simple tutorial that is available to get the active area working. How can I have it working on a specific column of my row header? If you define custom row header columns (rowHeaderColu...

how-to javascript

Asked by WS 5 years ago. 3 replies, last reply 5 years ago.
Scheduler ContextMenu with async loaded data

Answered: Yes, it works as you describe. At this moment, the args.async option is not supported in the onShow() method but you can switch to manual event click/right click handling and open the context menu wh...

how-to javascript

Asked by Tim K. 5 years ago. 2 replies, last reply 5 years ago.
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...

how-to javascript gantt export

Asked by Anonymous 5 years ago. 1 reply, last reply 5 years ago.
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 like to ...

how-to javascript alert

Asked by WS 5 years ago. 3 replies, last reply 5 years ago.
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 javascript angular

Asked by Anonymous 5 years ago. 1 reply, last reply 5 years ago.
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 ...

how-to modal

Asked by Chris TD 5 years ago. 3 replies, last reply 5 years ago.
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 javascript

Asked by JC 5 years ago. 2 replies, last reply 5 years ago.
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/...

how-to asp.net

Asked by Javier 5 years ago. 5 replies, last reply 5 years ago.
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...

how-to javascript scheduler resource row

Asked by Jan 5 years ago. 1 reply, last reply 5 years ago.
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.

how-to javascript event-dragging scheduler

Asked by Jan 5 years ago. 1 reply, last reply 5 years ago.
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().

how-to javascript

Asked by Wolfgang 5 years ago. 3 replies, last reply 5 years ago.
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/

how-to javascript

Asked by Wolfgang 5 years ago. 2 replies, last reply 5 years ago.
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.

how-to javascript

Asked by Doganc 5 years ago. 1 reply, last reply 5 years ago.
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...

how-to javascript

Asked by JC 5 years ago. 1 reply, last reply 5 years ago.
wait message before Posting

Answered: Solved by changing to manual BIND TimeRangeSelectedHandling="JavaScript" TimeRangeSelectedJavaScript="btn_navigateClick();"

how-to asp.net

Asked by kenji 5 years ago. 2 replies, last reply 5 years ago.
Multiple row copy paste

Answered: Please take a look at the following tutorial: https://code.daypilot.org/72047/javascript-scheduler-copy-multiple-events

how-to javascript

Asked by Anonymous 5 years ago. 1 reply, last reply 5 years ago.
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...

how-to javascript

Asked by Anonymous 5 years ago. 2 replies, last reply 5 years ago.
visitor management system

I need the source code for a visitor management system (C#,ASP.NET,

how-to mvc c#mvc

Asked by Tosin Adara 5 years ago. .
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 javascript scheduler

Asked by Anonymous 5 years ago. 1 reply, last reply 5 years ago.
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...

how-to javascript

Asked by Anonymous 5 years ago. 3 replies, last reply 5 years ago.
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...

how-to asp.net

Asked by Kristine 5 years ago. 1 reply, last reply 5 years ago.
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'}); ...

how-to javascript angular message

Asked by Stef 5 years ago. 1 reply, last reply 5 years ago.
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

how-to javascript

Asked by Simone 5 years ago. 1 reply, last reply 5 years ago.
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.

how-to asp.net

Asked by Pete S 5 years ago. 11 replies, last reply 5 years ago.
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.

article-46581-c html5 mysql php javascript timesheet sqlite how-to

Asked by Jose Guevara 5 years ago. .
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 asp.net context-menu right-click

Asked by Catalin 5 years ago. 1 reply, last reply 5 years ago.
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 javascript scheduler

Asked by WS 5 years ago. 5 replies, last reply 5 years ago.
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 ...

how-to javascript

Asked by Anonymous 5 years ago. 1 reply, last reply 5 years ago.
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 ...

how-to javascript

Asked by William 5 years ago. 3 replies, last reply 5 years ago.
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...

how-to javascript

Asked by Tan Dinh 5 years ago. 1 reply, last reply 5 years ago.