Questions Tagged how-to
how to use suport
Answered: You can ask your question here in the forum: https://forums.daypilot.org/question/new Or you can contact support directly: support@daypilot.org.
Error with attribut "cellgroupby" And "scale"
Answered: It looks like you are using the Lite (open-source) version that doesn't support these features. See also the "Availability" table at the bottom of the documentation pages: https://doc.daypilot.org/sc...
Prevent dragStart from removing list item
Answered: Oh, found another answer that seems to have answered this. The first parameter needs to be null, not that last parameter as indicated in the above link. onmousedown='return DayPilotCalendar.dragStart...
How to change cell color on current row
Answered: You can modify the cells on the fly using the cells API, e.g.
dp.rows.find("A").cells.all().html("A");
You can also add/remove CSS classes using .addClass() and removeClass(). See also: https://a...
Row Filter
Answered: Since build 2535 you can call
dp.rows.filter("filter");
before .init() to apply the filter. You can get the latest build in the sandbox: http://javascript.daypilot.org/sandbox/ Let me know if it ...
How do I disable TimeRangeSelection for a particular date (Ex sunday)
How do I disable TimeRangeSelection for a particular date (Ex sunday) Can i select particular time slots rather than all time slots? Is there any way I can call the daypiloyt modal window from a MVC ...
External Drag and Drop Event
How to check if user drop event out of scheduler for cancel. Because I want to remove css class form resource. Thank you so much.
Show "event" only as changed background color
Answered: If you want to set a color of the grid cells you can use OnBeforeEventRender event handler: https://doc.daypilot.org/scheduler/cell-customization/ Generating a special type of event with a custom col...
How do you delete an event?
Answered: The Lite edition doesn't support the built-in "delete" icon like the Pro version: https://doc.daypilot.org/calendar/event-deleting/ The best way would probably be to add a "Delete" button to the moda...
Asp Net MVC5
Answered: It's a propery of the Task class. You can set the value like this:
Tasks = new TaskCollection();
Task task = new Task("Task 1", "1", DateTime.Today, DateTime.Today.AddDays(5));
task.Complete = ...
Using multiple values in DataTextField
Answered: If you need to display data from multiple fields you can use BeforeEvenRender event handler to customize the event HTML: https://doc.daypilot.org/calendar/event-customization/
Change 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-...
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" (https...
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: http...
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 tab...
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]' })
expo...
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: ht...
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-li...
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 t...
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...