Active Questions
how can i get the calendar to show an specific date?
Answered: i solved this in an easier way than i expected. I just discovered i can use thymeleaf in the javascript so i send the model of an event to the view and i get it done like this. <script th:inline="jav...
Disable Link Creation per event
Is there a way to disable link creation per event? I would like something like the way move, resize, etc... can be disabled now on js side. ie: event.data.moveDisabled = true. The best would be if ev...
Scheduler Scrollbar position
Answered: The scrollbar used by the Scheduler is the native browser scrollbar which is always displayed at the bottom. In order to make the scrollbar visible, make sure that you are using heightSpec="Parent100...
adding columns
Answered: If you mean the row header columns you can change them using "rowHeaderColumns" property. In React, you can use rowHeaderColumns attribute of the <DayPilotScheduler> tag. See also: https://doc.daypil...
Scheduler drag and scroll
Answered: On the desktop, this is not supported. You need to use the scrollbar or custom scrolling controls (implemented using scrollTo() - https://api.daypilot.org/daypilot-scheduler-scrollto/). On touch devi...
Vertical scroll
Answered: Yes, please see the options here: https://doc.daypilot.org/scheduler/height/
Export to PDF Week row problem
Answered: I have found the solution. It is to set DayPilotScheduler.CellWidthSpec = Enums.Scheduler.CellWidthSpec.Fixed Then all levels in timeheader is showed correct.
Multiple Events in single Cell in one Line for Scheduler
Answered: Please take a look at this option: https://doc.daypilot.org/scheduler/exact-event-duration/ Let me know if this is not what you are looking for.
Set Text in Resource 2nd Columns
How we can set description/text on resource's second column on a button click. I understand on onBeforeResHeaderRender event, I can set description on second column but need to set dynamically. Below...
Scheduler Timeheader Date text 90 degree rotation
Answered: You can rotate the text using CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate
Angular show() not working
Answered: In order to access the component using "this" you need to use the arrow function notation:
reSizeScheduler = () => {
this.scheduler.control.show();
}
See also: https://www.typescriptlan...
Why daypilot lines are not aligned?
Answered: This is most likely caused by CSS interference. I recommend turning off all global CSS to verify that. The most common problems include global "padding", "border" or "box-sizing" styles. If the probl...
Upload file on creating new event
Answered: You can see that the form submission is intercepted and sent using a special $.post() request:
$("#f").submit(function () {
var f = $("#f");
$.post(f.attr("action"), f.serialize(), functi...
Angular Scheduler TimeHeader Display Week Wording
Answered: You can override the text in the time header using onBeforeTimeHeaderRender event handler: https://doc.daypilot.org/scheduler/time-header-customization/
Scheduler durationbarvisible false not auto adjust event height
Answered: The durationBarVisible property doesn't affect the event height - you can test it by running
dp.update({durationBarVisible:false});
in the browser console at https://javascript.daypilot.org/demo/...
Does this app have a feature to view a calendar showing all days of a month?
Answered: There is a monthly calendar component (https://doc.daypilot.org/month/) but it's not available in the open-source Java version (DayPilot Lite for Java). However, it's included in the JavaScript open-...
Scheduler Bubble not showing after event add
Answered: If you add the event on the client side using events.add() the server-side BeforeEventRender won't be fired. That might be required for the bubble HTML to be set. You need to add the event using a ca...
Send the list of all the created events to the controller.
Answered: Submitting changes using a form is not a supported scenario. However, you can use the built-in queue to submit all changes at once using a CallBack. When creating, updating or deleting the event usin...
(IMP) Doesnot display exact time of the event in Calendar UI
Answered: By default, the calendar component aligns the events with the grid cells and displays a duration bar to indicate the real duration. In the Pro version, you can change this behavior as described here:...
how can align the even box position from top, right, left and bottom?
Answered: It looks like you are using global CSS that interferes with the calendar CSS. Try disabling it temporarily and then enable it section by section to see what affects the positioning. It will be someth...