Questions Tagged how-to
How to call custom function in onTimeRangeSelected
Answered: When you use the JavaScript declaration style you won't be able to access the component object as "this":
onTimeRangeSelected: function(args) {
// ...
this.myFunction(); // won't work
}
I...
Get calendar for full year
Hi, I would like to ask how can we get full year calendar? I want to add 12 pages in pdf for 12 months of the selected year. Is It possible with this?
Screen Resolutions and exportAs()
Answered: The Calendar and Month components now support options.width parameter that will let you override the dynamic width calculated from the current view. It's available since build 2019.1.3595 (see the sa...
Split event into multiple event-parts because of business hours
Answered: Hi Wolfwgang, Sorry for the delay. This scenario is not supported at the moment. However, you can do it the other way around - instead of hiding parts of the event you can hide the non-business parts...
How do I make my DayPilot Month Calendar to be Read Only in Asp.Net MVC?
Answered: You can make it read-only by disabling the drag and drop actions one by one:
@Html.DayPilotMonth("dpm", new DayPilotMonthConfig
{
BackendUrl = Url.Content("~/Home/Backend"),
EventMoveHandlin...
Row header click isn't working
Answered: The problem was because of "e" parameter, it shouldn't be there
Missing something...
Answered: It looks like you might have overwritten the index.html file with one generated using the UI Builder (the generated index.html uses resources array with Resource 1 and Resource 2 defined). If you dow...
Create event from UTC
I'm trying to add a new calendar event from a UTC string coming from my server. How do I create an event from my UTC string? After I add the event it shows the event for 9:00pm when it should show 1:...
MVC with Foreign Key
I'm using daypilot on a ASP.NET Core but my model has a foreign key and I can't add a date for that reason, what can I do? or why I can't add a date, this is my code public class Reservacion { public...
How to show week number in Weekly view calendar?
Answered: You'll need to switch to the Resources view and generate the column hierarchy manually. Please see more here: https://doc.daypilot.org/calendar/column-header-hierarchy/
How to show Event name as tooltip in navigator?
Answered: Unfortunately, the navigator doesn't support showing event details. It can only show free/busy status for the visible days.
How to change the position of next and prev buttons in Day pilot navigator or manually invoke the methods associated with these two buttons?
Answered: The position of the next/previous buttons can't be changed. However, you can hide it using CSS and switch the dates manually using the select() method: https://api.daypilot.org/daypilot-navigator-sel...
How to show week number in Monthly calendar View?
Answered: You can show the week numbers in the first cell using onBeforeCellRender. Example for ISO week number (week starting on Monday):
dp.onBeforeCellRender = function(args) {
if (args.cell.start.getD...
Load events with skipping non business cells.
Answered: The events are defined using start/end (not using start and duration). When creating new events using the Scheduler with non-business days hidden the Scheduler will return the correct dates (taking t...
Alternating row colors when some rows are hidden
Answered: The latest sandbox build (2019.1.3540) supports args.cell.displayY in onBeforeCellRender and args.row.displayY in onBeforeRowHeaderRender that you can use to get the display Y position. No two adjace...
additional parameters when using onLoadNode
Answered: If you need to get client-side state on the server side you can use clientState property to store it (typically it's used for storing filter rules): https://doc.daypilot.org/scheduler/clientstate/ Wh...
How to use the Daypilot.menu.shadow
Answered: The context menu doesn't support an overlay that would block access to the background. If you want to block the background you can use the modal dialog instead: https://code.daypilot.org/81367/daypil...
How to adapt header size to the text ?
Answered: This should be done automatically when the "row header with auto-fit" feature is enabled (it is enabled by default): https://doc.daypilot.org/scheduler/row-header-width-auto-fit/ Please let me know i...
Rectangle Selecting color area
Answered: Build 2019.1.3539 now lets you customize the appearance using *_selectionrectangle class ("scheduler_default_selectionrectangle" for the default theme). The default definition looks like this:
.sch...
Angular Scheduler - Horizontal scroll position
Answered: It looks like the problem might be the scrollTo/scrollX/scrollY properties in the scheduler config object. If you add them to the config they will be re-applied whenever the Scheduler detects a chang...
toolTip not showing up
Answered: The toolTip is only displayed if a Bubble object (https://api.daypilot.org/daypilot-scheduler-bubble/) is not specified. In the current DayPilot Pro version, the bubble is initialized using a new Day...
Angular Scheduler Developer
Looking for a front end developer to work on a multi resource scheduling system. Minimum 3 years of experience working with angular. Minimum 9 years coding experience. If you want more information pl...
DayPilot children rows don't show up
Answered: You need to add:
treeEnabled: true
to your config. See also: https://doc.daypilot.org/scheduler/resource-tree/
2 rows for one resource
Answered: It is possible to display two rows for each resource: 1. The resource id needs to be unique. This can be done by prefixing a certain string to the resource id, e.g. "R" + id for reservations rows, "I...
How-To get resource by mouse position
HI; I want to get the resource depending on mouse position (Y position) !.. Thank you
I cannot load the events when I put if(IsPostBack)
If I set the condition of IsPostBack, then the dayPIlot control doesn't load anything! I'm writing the same logic that comes in the trial. DayPilot 2018.43692 First assign in the load the start dates...
How can we detect if the start or end of an event was changed?
Answered: Hi Jens, The e.part object is an internal structure that shouldn't be used for calculations. The e.part.start/end properties hold start/end for rendering purposes only - it won't always correspond to...
hourWidth
Answered: Hi Otto, The groupBy: "Cell" option sets the time header cell width to match grid cells. If you want to increase the grid cell width you can use "cellWidth" property: https://api.daypilot.org/daypilo...
dp.width = "100%";
Answered: By default, the Scheduler is rendered inside a div (the placeholder div which you specify using the id parameter of the constructor) which fills the available width (display: block). What you see mig...