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

Questions Tagged javascript

rowHeaderColumnResizedHandling - What event is triggered?

Answered: It fires onRowHeaderColumnResized event:

time header

Answered: You can use a special frozen row at the top which will let you select a time range and expand it to the full column. Please see the following tutorial:

How to set cell width per column?

Answered: The Scheduler lets you define column widths if you use a custom timeline: The Calendar and Month components don't allow specifying individual columns widt...

Drag and Drop event from one calendar to another

Answered: Unfortunately, drag and drop between components is not supported by the Calendar (only by the Scheduler).

Extending the separator to the timeheaders

Answered: You shouldn't add borders to the main time header div (.scheduler_default_timeheader_cell) because it changes its dimensions (it uses the default "box-sizing: content-box" style). The borders are def...

Day pilot dragdrop insert 2 rows. (angular)

Answered: This should be fixed now in the latest sandbox build (2020.3.4657). Please let me know if the problem persists.

Ignoring left click behaviour for events

Answered: There is an event that lets you override the standard mouse behavior but it works on the grid layer only (below events): If these events a...

Set event in multiple days

Answered: I recommend checking the date values. The Scheduler doesn't shorten events and the start and and date/time will correspond to the calculated timeline position. You can see that multi-day events are d...

How to show results for half an hour in timeHeaders

Answered: Please see this grouping option: groupBy: "Cell"

Changing scheduler settings in CSS

Answered: You need to use more specific selectors, e.g. #dp .scheduler_default_matrix_vertical_line, #dp .scheduler_default_matrix_horizontal_line { background-color: #000000; } or add "!important"...

Max Width for rowHeaderWidthAutoFit

It would be great, if a maximum width setting for rowHeaderWidthAutoFit could be implemented. Should be trivial to implement in _autoRowHeaderWidth but I did not want to patch it to stay with the sta...

Using Daypilot vue sample with vue v3 did not work.

Answered: The Vue 3 version of DayPilot is in the works, please hold on.

Delete events based on ids stored in an array

Answered: array.forEach(function(id) {; });

Click Event/Active Areas not working properly with touch screens

Answered: On touch devices, the active areas with visibility: "Hover" won't be displayed as there is no hover event. In some edge cases, the mobile browsers will fire mousemove event which is used to detect th...

How to Hide Context Menu Item

Answered: You can do this in onShow event handler - it's called before the menu is displayed and you can use it to modify the context menu items. You can find an example here:

Resource label vertical alignment on concurrent event

Answered: Unfortunately, this is not possible at the moment. You can modify the CSS and show the row header title at the top of the cell (the middle position may not work well for large heights).

How to get resource name instead of ID

Answered: You can get the row object (DayPilot.Row) using rows.find(): dp.onEventMove = function(args) { var row = dp.rows.find(args.newResource); // ... }; It's also possible to use onEventMoving i...

Add/edit events with in-place editor

Hi I would like to use the DayPilot scheduler as time report board. When the user clicks on a cell in the scheduler, an in-place editor like a number box or a drop down list will be shown, where he c...

rowsfrozen last row disappear

Answered: This issue should be fixed now in the latest sandbox build (2020.3.4603): Let me know if the problem persists.

Allow to do a Rectangle selection on Row without snapping to the grid

Answered: This option is now available through snapToGridRectangleSelecting property in the latest sandbox build (2020.3.4604):

Version 2020.3.4594 daypilot-core.d.ts loadingText is a number

Answered: Hi Ruud, Thanks for reporting the issue - it's fixed now in the latest sandbox build and it will be included in the next release:

ScrollToResourse() in dynamic event rendering

Answered: It looks like the onAfterRender event handler wasn't fired properly if args.clearEvents was set to true in onScroll (and that is the default value). It should be fixed now in the latest sandbox build...

Edit appointment screen not showing all fields

Answered: It looks like there is a problem with SQL on line 51 (appointment_edit.php) which works in SQLite but not in MySQL: foreach ($db->query('SELECT * FROM [doctor] ORDER BY [doctor_name]') as $item) { ...

Daypilot Scheduler - Bubble shown on different page

Answered: There is a static DayPilot.Bubble.hide() method that will hide the current bubble immediately:

Event counter per day

Hello, I'm building a scheduler with 3 different possible events for each resource and I would like to get the number of these events for all the resources per day. Do you think there is a solution? ...

DayPilot Pro for JavaScript (Web Start) $499

Answered: Yes, the Angular Scheduler component is part of DayPilot Pro for JavaScript:

exportAs printing method throws an error

Answered: I do not see any error with the latest release so I recommend giving it a try. Please let me know if the problem persists.

Angular 9 upgrade : can not install module with my API key

Answered: Can you please contact and include your order number?

Infinite scrolling only works after browser refresh(F5) with version 2020.2.4516

Answered: Version 4516 with the following config it seems to work fine: config: DayPilot.SchedulerConfig = { infiniteScrollingEnabled: true, infiniteScrollingMargin: 20, infiniteScrollingSte...

findByPixels returns cell with incorrect date

Answered: And what's the use case? The purpose of onGridMouseDown is to modify the click + shift/ctrl/meta behavior before the actual events are fired, not to handle clicks on events and cells. Normally you wo...
Previous Questions 31-60 of 1192 Next