Questions Tagged
Headers with different height
Hello, Is it possible to configure a different height for each header? For example I have 3 headers, Month, Day and Hours, and I want to have Month 40px height and Day, Hours height with a height of ...
How to slide-up/slide-down the sub-titles when 'scheduler_default_tree_image_collapse'/'scheduler_default_tree_image_expand' is clicked ?
Answered: Unfortunately, sliding animation during expanding and collapsing the tree nodes is not supported at the moment. There is no way to add it using custom code.
Display only few hours
Answered: You can use a custom timeline: http://doc.daypilot.org/scheduler/timeline/ Or hide non-business hours: http://doc.daypilot.org/scheduler/hiding-non-business-hours/
No recurrent events in gantt view ?
Answered: The built-in recurrence support in the other controls (Calendar, Month, Scheduler) allows you to store the recurring events as a single event (with a rule assigned to it). This rule will be expanded ...
Does the DayPilot Scheduler respect WCAG 2.0?
Answered: Unfortunately, there are no guidelines on making the Scheduler compliant with WCAG 2.0 at the moment. However, you should be able to meet most of the requirements by using appropriate configuration (...
Add task in gantt view
Answered: At this moment you can create a new task by entering the name first (in a special row): http://www.daypilot.org/demo/Gantt/TaskCreating.aspx This will fire RowCreate event where you can create a new ...
How to show a special date between start and end date in Gantt
Answered: Since build 8.1.3445 you can use ScrollTo() on the server side.
protected void Page_Load(object sender, EventArgs e)
{
// ...
if (!IsPostBack)
{
DayPilotGantt1.StartDate = DateTime...
Scheduler - Browser context menu is shown on event right click
Answered: Hi, thanks for your reply. I've tried with the last version and it seems ok!
How to disable context menu item via coding in asp.net code behind file.
Answered: protected void Scheduler_BeforeEventRender(object sender, BeforeEventRenderEventArgs e) { if (condition) { e.ContextMenuClientName = "DayPilotMenu1"; } } You can store your condition in e.value examp...
How to Add Date with Day like (Mo, Tue, We, Thu, Fri, Sat, Sun) in two rows in header
Answered: You can use the following configuration:
<DayPilot;DayPilotScheduler
...
>
<TimeHeaders>
<DayPilot:TimeHeader GroupBy="Day" Format="%d" />
<DayPilot:TimeHeader GroupBy="Day" Form...
DayPilot Pro for JavaScript 8.1 - Active Areas examples
Answered: You can take a look at the following demo: http://javascript.daypilot.org/demo/scheduler/eventareas.html It adds a green active area to the current day using onBeforeCellRender:
dp.onBeforeCellRend...
Export functionality PDF/PNG format
Hi, I am currently evaluating your product DayPilot-Pro for using it in our online application. But one of the most important requirement is to be able to export the calendar in PDF/PNG (for printing...
How to select a row in Gantt?
Answered: 1. You can use SelectedRows property to set the selected rows. Example that selects the first row:
DayPilotGantt1.SelectedRows.Add(DayPilotGantt1.Tasks[0]);
There is a bug in the latest release t...
Add days to calendar while onEventMoving or onEventResizing
Answered: Unfortunately, this scenario is not supported at the moment. Calling .update() redraws everything and the context is lost (including the drag and drop operation in progress).
AngularJS locale property not working
Answered: I've tested it and it seems to work (even with your code). Where exactly do you see English? In the demo (http://javascript.daypilot.org/demo/lite/), changing the locale affects the day headers and i...
args.cell.start.getDayOfWeek() goes from 1 to 6 (no 7 for Sunday)
Answered: It should return 0 for Sunday. Can you please give it a try with the latest sandbox build (1753)? This returns 0 as expected in the JavaScript console:
new DayPilot.Date("2015-06-21").getDayOfWeek(...
Remove vertical border between cells?
Answered: You will need to hide it using CSS (scheduler_default_matrix_vertical_line) and add only the desired ones: 1. Create a custom grid cell class with { border-right: 1px solid #eee; } and add it to the ...
Daypilot month navigator getting issue
Answered: Normally this indicates a syntax error in JavaScript code, like this:
alert(1 1);
However, in this case it is probably a bad response from the server. DayPilot expects a JSON string which it is t...
IE 9 rendering issue JavaScript scheduler
Answered: I have tried to reproduce the issue using the latest sandbox build (8.1.1753): http://javascript.daypilot.org/sandbox/ I have added the Bootstrap CSS to the main scheduler page:
<link rel="styleshe...
Selected event unselects when I call .update() on Calendar?
Answered: This is a bug which has been fixed in build 8.0.1746. You can test it and download the latest build in the sandbox: http://javascript.daypilot.org/sandbox/calendar/eventselecting.html
How to process event double click without error in DayPilot Calendar?
Answered: Please see the documentation on how to use event double click event: http://doc.daypilot.org/calendar/event-double-click/ In the latest realease (http://javascript.daypilot.org/daypilot-pro-for-javas...
Prevent event drag beyond first / last cell?
Answered: You can add a custom onEventMoving handler:
dp.onEventMoving = function(args) {
if (args.end > dp.visibleEnd()) {
args.left.enabled = true;
args.left.html = "You can't drag the e...
Setting headerDateFormat has no effect
Answered: This property is supported since version 1.2 SP1 (build 171): http://javascript.daypilot.org/daypilot-lite-for-javascript-1-2-sp1/ You are probably using an older version. Let me know if the problem ...
Missing Ressource ..../Backend in MonthlyEventCalendar
Hi, i try to integrate a single page with a monthly event calendar into an existing ASP-NET MVC project and created the page accordingly to this tutorial: http://code.daypilot.org/10607/monthly-event...
How to add row with custom-width columns to DayPilot calendar?
Hi, I currently have a calendar resembling the first attachment. What I've been trying to achieve is something similar to the second attachment (an extra row with its own name and a custom amount of ...
Handling dynamic HTML when using AngularJS
Answered: Figured it out, hopefully will help somebody in the future. So you set a directive inside your custom daypilot-scheduler tag. Let's name it "dynamic-content". <daypilot scheduler id="dp" daypilot-con...
[BUG] args.allowed = false on onEventResizing is not working.
Answered: args.allowed in onEventResizing is supported since build 1710. You can download it in the sandbox: http://javascript.daypilot.org/sandbox/
Preventing event create / resize / move on business days
Answered: It will be possible to set .allowed false in onBeforeCellRender. This feature is in the works - it's not available yet.
Limit events to nights only and setting minimum cell on select
Answered: Two approaches are possible: 1. It's possible to adjust args.start and args.end of the time range selection in real time using onTimeRangeSelecting event: http://api.daypilot.org/daypilot-scheduler-o...
How to display day, week, month and year view on selection of user choice?
Answered: Please see the new JavaScript tutorial here: http://code.daypilot.org/27988/html5-calendar-with-day-week-month-views-javascript-php