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

Questions Tagged how-to

Setting rowHeaderWidthAutoFit to true doesn't work if rowHeaderColumns ist set

Answered: The width auto-fit feature works with row header columns as well, but the width is calculated for the content cells (not for the column titles).

How set the scale resp. the zoom automatically on the number of days

Answered: The built-in zoom system (see the tutorial at https://code.daypilot.org/32893/javascript-scheduler-zoom) lets you specify the values either statically or using a function. If you use a function you w...

How to display child resources in modal form list

Answered: The HTML5 Scheduler tutorial (https://code.daypilot.org/87166/html5-scheduler) uses a flatten() function which does essentially the same that you are doing: function flatten(resources, result) { ...

How to add a database and script to handle public holidays.

Answered: There is a tutorial available that shows how to display holidays (by setting a custom scheduler cell background color): https://code.daypilot.org/93068/javascript-scheduler-displaying-holidays I beli...

ScrollTo

Answered: scrollTo() is a client-side method and it can only be used on the client side, in JavaScript: https://api.daypilot.org/daypilot-scheduler-scrollto/

Hourly range covering two consecutive days

Answered: OK, thanks for the update. In the Scheduler, there are two ways to achieve that: 1. You can define the timeline manually by adding individual cells: https://doc.daypilot.org/scheduler/timeline/ 2. Yo...

box.html in group mode

Answered: Unfortunately, it's not possible to change the task group inner HTML in ASP.NET.

Event text displaying

Answered: You can make the text smaller using CSS but this will not ensure that every possible text will be displayed in full. I recommend using the bubble component which can display additional details using ...

Custom CSS class for a resource

Answered: You can use onBeforeRowHeaderRender event handler to add a custom CSS class: https://doc.daypilot.org/scheduler/row-header-customization/ Example: JavaScript dp.onBeforeRowHeaderRender = function(a...

Binding Jquery datatable with vue scheduler

Answered: It is possible to activate any DOM element as draggable to the Scheduler. If you have access to the row items in the jquery datatable then you can using DayPilot.Scheduler.makeDraggable() method to a...

Progress bar change color

Answered: You can use the box.barColor and box.barBackColor properties: https://api.daypilot.org/daypilot-task-data/

Disable Group Availability Row

Answered: The purpose of the invalidate() method (https://api.daypilot.org/daypilot-cellarray-invalidate/) is to ask for a fresh result of onBeforeCellRender event callback. It is useful if you display calcula...

Displaying Group Availability

Answered: This issue has been fixed in version 2020.3.4547: https://javascript.daypilot.org/daypilot-pro-for-javascript-2020-3-4547/ I recommend switching to the latest version though - which is now 2022.1.518...

How to set custom border color on business days in scheduler?

Answered: The cell borders are rendered using long 1px elements that are displayed at the cell boundaries. The color is set using "background-color" style. The horizontal lines are marked with .scheduler_defau...

Is it possible to have resources on the vertical axis for the calendar?

Answered: Unfortunately, this is not possible. You might be able to mimic this arrangement in the Scheduler using a combination of custom start/end values and eventStackingLineHeight (https://doc.daypilot.org/...

Are we able to change the bar width?

Answered: You can change the bar width using CSS: <style> .wider-bar .calendar_default_event_bar, .wider-bar .calendar_default_event_bar_inner { width: 12px; } </style> And add the "wider-bar" CSS c...

How do you make more than one employee run the same shift

Answered: Yes, there are many different scenarios that are not covered by this sample. To add more people to the same time and location, you can choose a solution depending on the workflow: 1. To allow more as...

scheduler expand collapse animation control

Answered: You can disable the animation using treeAnimation property: https://api.daypilot.org/daypilot-scheduler-treeanimation/

How to format timeheader "Week"

Answered: Yes, you can do it using onBeforeTimeHeaderRender event handler: import {Component, ViewChild, AfterViewInit} from '@angular/core'; import {DayPilot, DayPilotSchedulerComponent} from 'daypilot-pro...

Update keyboard focus on clicking cells or events of frozen rows

Referring to this ticket: https://forums.daypilot.org/question/5478/keyboard-navigation-from-last-cell The following example will update the keyboard focus during time range selection (cell clicks): ...

Change Arrow Icon on Links

Answered: The link arrows are 6px * 6px elements marked with the following CSS classes: scheduler_default_link_arrow_right scheduler_default_link_arrow_left scheduler_default_link_arrow_down scheduler_default_...

StartTime indicator when moving an event

Answered: You can do that using onEventMoving event handler: dp.onEventMoving = args => { args.top.enabled = true; args.top.html = args.start.toString("HH:mm"); }; See also: https://api.daypilot.org...

Multicolumn in week Calendar

Answered: When you switch the calendar viewType to "Resources", you can define custom columns. Take a look at the following documentation page: https://doc.daypilot.org/calendar/column-header-hierarchy/ Exampl...

How to show custom loading indicator during rendering

Answered: Usually, you'll want to display the loading indicator when you initiate an HTTP call that loads the data. This way it will cover the whole waiting time.

How can I open context menu in Calendar configDay view?

Answered: 1. On touch/mobile devices, you can open the event context menu using the standard two-finger tap gesture. If you use eventTapAndHoldHandling: "ContextMenu" you can open the context menu using tap-an...

Angular - Add buttons with click event inside cornerHtml

Answered: Unfortunately, it's not possible to use Angular templates in the cornerHtml property. However, it is possible to create a custom Angular component and add it to the upper-left corner - please see the...

Multi select events on multiple resources at once

Answered: Yes, it is possible - please take a look at the following tutorial: https://code.daypilot.org/85404/javascript-scheduler-select-a-time-range-over-multiple-rows

Disable TimeRangeSelected over events

Answered: In the Scheduler, you can enable it using allowEventOverlap property: https://doc.daypilot.org/scheduler/event-overlaps/ In the Month component, it isn't available at the moment. You can check for ov...

Recurrence in Vue

Answered: There is no built-in recurrence support in the JavaScript version. The recurrence needs to be implemented on the server side and the implementation will be platform-specific. If you only work with a ...

How to adjust the width of the bubble automatically to the width of the content?

Answered: The bubble content width is not changed by the bubble. It works like this: 1. The content is first rendered in an absolute layer. It will respect the content and use the CSS from the theme. 2. The re...
Previous Questions 31-60 of 2600 Next