search envelope-o feed check
Home Unanswered Active Tags New Question

Questions Tagged how-to

why e.CssClass doesn't load the css?

Answered: The CssClass property specifies the CSS class that will be applied to the DOM element (in this case an event) in addition to the built-in CSS classes. It's not the name of the stylesheet file. You ca...

Changing message duration depending on the message "type"

Answered: Yes, this is possible. You can specify the delay using the "options" parameter of the message() method: dp.message("Welcome!", {delay: 5000}); See also: https://api.daypilot.org/daypilot-schedule...

Problems between Infinite Scrolling and Switcher over Scheduler Calendar

Answered: The Switcher is only necessary if you want to manage different components, e.g. DayPilot.Calendar for the week view and DayPilot.Month for the Month view. If you are using two different configuration...

Idea needed - what control to use to display lots of events?

Answered: The monthly calendar includes a special "cell stacking mode" that lets you set a fixed day cell height and stack all events inside. A vertical scrollbar will be added if necessary: https://doc.daypil...

Is a "clear" required when calling again makeDraggable of items?

Answered: The makeDraggable() method adds special event handlers (mousedown, touchstart) to the target DOM element but it doesn't link it to the Scheduler component. It's not necessary to clean the elements ex...

Can I drag and drop from DayPilotMonth to Navigator?

Answered: Unfortunately, dragging events to the Navigator component is not supported.

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...

Row Sort Event/Property for scheduler

Answered: Since build 2020.1.4264, it's possible to read the current sort criteria using DayPilot.Scheduler.rows.sortParam property (read-only): https://api.daypilot.org/daypilot-scheduler-rows-sortparam/

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...

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.

Vertical scroll

Answered: Yes, please see the options here: https://doc.daypilot.org/scheduler/height/

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...

ivy - SchedulerModule angular 8

Answered: Hi Chris, Ivy + AOT is now supported in Angular 8 and Angular 9 (since build 2020.1.4238). Please let me know if there is any problem.

Vue.js: export and download scheduler as svg

Answered: If you follow this tutorial: https://code.daypilot.org/69423/vue-js-scheduler-build-a-reservation-application-in-5-minut you will be able to access the DayPilot.Scheduler object as "this.scheduler". ...

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...

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/...

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...

performance index

Answered: You should take a look at the hints provided by the audit tool. The audit breakdown has much higher value than the index itself. You will see what affects the performance of your page and can evaluat...

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...

Scheduler endDate property

Answered: You can calculate the number of days between two days like this: var days = new DayPilot.Duration("2020-01-01", "2020-01-05").days(); See also: https://api.daypilot.org/daypilot-duration-days/ ht...

(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 to hide two additional columns in gantt Chart

Answered: This can't be done using the built-in icon but you can implement your own logic and change the columns array (https://api.daypilot.org/daypilot-gantt-columns/) as needed. After calling update() the c...

Updating the Navigator with External call to event data

Answered: The Navigator doesn't support events.load() at the moment but you can load the events using update(): var data = [ ... ] ; nav.update({events: data}); Usually you'll want to reuse the calendar d...
Previous Questions 31-60 of 2289 Next