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

Questions Tagged how-to

adding columns

hi, I want to add columns dynamically to the scheduler (like adding events). How can I do that ?

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: Let me know if this is not what you are looking for.

Horiyontal scroll

Is it possible to get vertical scrollbar, when there are many resources to be displayed?

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:

Angular show() not working

Answered: In order to access the component using "this" you need to use the arrow function notation: reSizeScheduler = () => {; } See also: https://www.typescriptlan...

ivy - SchedulerModule angular 8

Hi, I'm trying to compile the SchedulerModule with ivy, but i still get the following error: ERROR in node_modules/daypilot-pro-angular/daypilot-angular.min.d.ts:1593:22 - error TS-996002: Appears in...

Vue.js: export and download scheduler as svg

Answered: If you follow this tutorial: 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

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

How can I fetch value of new column from database and display it on the calendar?

Answered: You can use onBeforeEventRender event handler to modify the event HTML ( using the staff column ( You can also m...

Scheduler Event Link

Answered: It's not possible to change the link position but you can use custom link styles (colors, etc.). Also, the full link will be highlighted on hover so you'll be able to see it in full.

Angular Scheduler TimeHeader Display Week Wording

Answered: You can override the text in the time header using onBeforeTimeHeaderRender event handler:

When someone clicks on active area, how do I stop the default event from firing?

Answered: That did not do what I was looking for, however, I looked at the docs at the link you sent and adding the following code to the area onClick works: args.originalEvent.preventDefault(); args.originalE...

Angular 8 Scheduler Error: The placeholder element not found when refresh

Answered: Please see more here:

Adding, deleting events does not change the Navigator highlighting

Answered: The navigator can be refreshed by calling update(): If the Navigator doesn't share the data array (

Show current text when Inline Event Editing

Answered: The text area will use the "text" value of the event data object. If you only use "html" to set the event content you'll also need to add "text" property to the data object. See also:

Properties not functioning in add event

Answered: I've tested it by adding this to the main scheduler demo page ( and it seems to work fine: dp.onTimeRangeSelected = function (args) { dp...

Calendar - Make delete icon stay on event

Answered: If you disable the built-in delete icon using eventDeleteHandling="Disabled" you will be able to add a custom icon using active areas. See also an example in the docs (

How to create a context menu submenu in MVC

Answered: The submenus are now supported in the MVC version as well in the latest sandbox build (2019.4.6005): You can specify the submenu items using Items property of MenuIt...
Questions 1-30 of 2249 Next