DayPilotChange row color when event drag
Answered: You can highlight the original row using onEventMoving event handler. In the ASP.NET MVC you can set this event handler using EventMovingJavaScript property: https://doc.daypilot.org/scheduler/event-...
Questions Tagged how-to
Multiple grouping per row (Sheduler)
Hello, we would like to buy your pro edition, but we would need another feature for the Scheduler, Is there a way to group multiple events inside a group? I found the "Concurrent Event Groups" ( http...add one more TextField
Answered: If you want to customize the event text using multiple fields of the data source you can use BeforeEventRender event handler: https://doc.daypilot.org/calendar/event-customization/start hour in calendar display
Answered: You can using DayBeginsHour and DayEndsHour properties to control the start and end hour: https://doc.daypilot.org/calendar/overnight-scheduling/timeRangeSelectingStartEnd - end day minus 1
Dear All! When I select, let's say, Nov. 10.-15 these 5 days are highlighted. But the bubbles (or however you call it - I can format them via timeRangeSelectingStartEndFormat) shows on the right of m...MVC Popup Window - Stop closing when clicking out of window
Answered: With the latest version of DayPilot.Modal (2.6) you can use the following code: modal.onClose = function(args) { if (args.backgroundClick) { args.preventDefault(); } }; See also: https://code.daypilo...display calendar event as list View
Answered: I recommend using standard ASP.NET controls - such as a ListView ( https://msdn.microsoft.com/en-us/library/bb398790.aspx ). DayPilot doesn't include any control for displaying the calendar data in t...Set timerange to 8 am until 3am the next day
Answered: Rik, I didn't check the actual logic of your sample but the result should be set using args.cell.visible property instead of the return statement. See also: https://api.daypilot.org/daypilot-schedule...DayPilot.Scheduler.makeDraggable Not supported in Angular2?
Answered: and here it is: import { Directive, ElementRef, Input, AfterViewInit } from '@angular/core'; import { DayPilot } from 'daypilot-pro-angular'; @Directive({ selector: '[makeDraggable]' }) export class ...How to load properly load resources and events on Scheduler
Answered: After a day of work I managed to do it but still don't know if I am doing it correctly but it works. I created the scheduler object and when I got to resources I did an Ajax quest just for it and the...How to limit time range in DayPilotCalendarWeek
Answered: Hi, I would do the following: 1. First setup you're working hours: dp.businessBeginsHour = 7; dp.businessEndsHour = 18; 2. Then I'll handle the onEventMove as well as the onEventResize event: https:/...How to execute using MySQL instead of SQLite?
Answered: The default MySQL port is 3306 so keep that value (unless you have changed the port in your MySQL installation). As far as I can see there are no extra backticks in the SQL commands. Your _db.php sho...Clear all the events from the calendar with javascript
Answered: Hi Philippe, The events are stored in .events.list array - so you can do something like this: dpc1.events.list = []; dpc1.update(); See also: https://api.daypilot.org/daypilot-calendar-events-list/How to limit appointment time only to 30 minutes?
Answered: 1. The default appointment slot duration is set in "backend_create.php" file using $slot_duration variable: $slot_duration = 60; You can change it as needed. 2. Yes, you should change sesion_id to us...Remove "DEMO" tag on table
Answered: The DEMO label indicates that you are using a trial version of DayPilot Pro (which is bundled with the tutorial). In order to remove it you need to purchase a full license at http://www.daypilot.org/...Angular2 scrollTo() on click event
Answered: This issue should be fixed now in the latest sandbox build (8.3.2510): https://npm.daypilot.org/ You can use the following code to keep the current position when changing the scale/cellDuration/cellW...How-To: Change Week Start for DayPilot.Calendar (Week View)
Hi, How can I change the week view start day? It keeps defaulting to Sunday to Saturday. I would like to have it as Monday to Sunday. Please see attached image. Navigator is correct but Calendar not....How do I resize the view of my tasks?
My task view display window is so small, that I cannot see what is in the gannt chart. How can this be fixed so that I can see several tasks at once? Thanks in advance.Resources not showing with dynamicLoading = true
Answered: I figured out what the problem was after testing my data on the dynamic example. I had not added args.loaded() in my onScroll function. After adding that the rows are loaded correctly, but with a del...Get Resource Parent ID
Answered: You can do it like this: var parentId = dp.rows.find("A").parent().id; See also: https://api.daypilot.org/daypilot-scheduler-rows-find/ https://api.daypilot.org/daypilot-row-parent/Shared / Public calendar folder
Answered: David Try adding the following to the end of your Read Only Service property: svc.ImpersonatedUserId = New ImpersonatedUserId(ConnectingIdType.SmtpAddress, "room@domain.com") Be aware that it will re...Display google calendar data in DayPilot
Is there a way / tutorial how to display google calendar data on the fly in DayPilot scheduler?Installation - not able to load assembly? Dependencies not found?
Hi, I just installed DayPilot Lite into my Visual studio 2015 using NuGet. I added the tool in my toolbox and putted a Calendar into my WebForm. Everything is pointing to my IIS folder which has a bi...Any solution to this error?
Answered: You'll need to switch to the latest DayPilot Pro version - it doesn't use the AllowPartiallyTrustedCallers attribute anymore. http://mvc.daypilot.org/try/Most of the code in Controller shows error
Answered: The attached sample project includes a working application - you can check the source code of the controll in TutorialCS/App_Code/Controller/SchedulerController.cs. It's now also added to the tutoria...Adjusting the Scheduler Grid height according to screen size
Answered: It's possible to set the height to 100% of the parent element using HeightSpec = Parent100Pct option: https://doc.daypilot.org/scheduler/100-pct-height/ Just set the parent element position using CSS...design
Answered: You can customize the appearence by creating a custom CSS theme. You can use the online theme designer to generate a new theme: http://themes.daypilot.org/ The generated CSS file can be also customiz...Ctrl+Shift Keys
Answered: Workaround done. Problem fixed. Handling the onEventRightClick Event. if (args.originalEvent.ctrlKey==true) { args.preventDefault(); }Display partials or some part of (current) document
Answered: It's possible to display custom HTML using .showHtml() method. You can get the inner HTML of a certain element using innerHTML: var html = document.getElementById("someContentDiv").innerHTML; new Day...How-To: Remove debugging (Scheduler)
Answered: This was a temporary issue of the sandbox build. The latest sandbox build doesn't print it anymore (8.2.2396): http://javascript.daypilot.org/sandbox/scheduler/