Questions Tagged javascript

Answered: Right, Thanks for the help!

Answered: In case of the ASP.NET WebForms version the client-side library is embedded in the DLL and it's inserted into the page using internal ASP.NET mechanisms. As far as I can tell it's impossible to inser...

Answered: I made a wrapper for daypilot and override method _getScrollableWidth. if (innerHeight > height && !autoHeight && this.reserveSpaceForScrollBar === undefined) || this.reserveSpaceForScrollBar) { scro...

Answered: You can insert custom segments into an event using "active areas": https://doc.daypilot.org/scheduler/event-active-areas/ You can specify the active area position using start/end properties instead o...

Answered: The current position in the grid (in pixels) is stored in DayPilot.Scheduler.coords object. This value is updated in real time: var coords = dp.coords; // coords.x, coords.y You can use DayPilot.Sche...

Answered: The constructor has a second parameter which lets you specify whether to use the GMT base or local representation of Date object. This call will use the local representation: var local = new DayPilot...

Answered: i found the reason why, because parent tag has a style with value: "margin-top: 50", change to: "padding-top:50" and it worked perfect ^_^

Answered: 1. The "contextMenu" property specifies a context menu for events. It's activated when you right-click an event (the default eventRightClickHandling value is set to "ContextMenu"). You can also map i...

Answered: Thanks for the update. There is also a built-in AutoRefresh feature that is a bit smarter (it doesn't fire if a drag and drop operation is in progress): https://doc.daypilot.org/scheduler/autorefresh/

Answered: The original data object is accessible as "data" property of the row object. You can get the row object (DayPilot.Row class) using .rows.find(): var row = dp.rows.find(args.resource); var rm_cat = ro...

Answered: Management of doctors is not implemented in this tutorial. The doctor data is stored in the database, in a table called "doctor": CREATE TABLE doctor ( doctor_id INTEGER PRIMARY KEY AUTOINCREMENT NOT...

Answered: You can display custom HTML using DayPilot.Modal.showHtml(): var modal = new DayPilot.Modal(); // ... modal.showHtml("<div>text</div>");

Answered: You might be defining onBeforeEventRender handler too late in the component lifecycle (after it is rendered). Try adding it to the config object (see also the Angular 4 Calendar tutorial at https://c...

Answered: The event colors should be already fixed in the latest sandbox version (since build 2936): https://javascript.daypilot.org/sandbox/ The TypeScript definitions [missing exportAs()] will be updated sho...

Answered: <daypilot navigator [config]="navigatorConfig" [events]="events" [(date)]="calendarConfig.startDate"></daypilot-navigator> here [events]="events" is list of events which is used in calendar so same c...

Answered: Hi Marc, This is a bug. It's fixed now in the latest sandbox build (2934): https://javascript.daypilot.org/sandbox/ Thanks for reporting the issue!

Answered: Please see my answer here: https://forums.daypilot.org/Topic.aspx/3866/how-to-change-first-column-header-from-time-to-date

Answered: Such a view isn't supported at the moment. I recommend using the Scheduler ( https://doc.daypilot.org/scheduler/ ). The Scheduler can display days on the X axis and a hierarchy of resources on the Y ...

Answered: You can use "rowHeaderCols" property instead of "rowHeaderColumns". It's an older syntax that creates columns but doesn't generate the column headers. It holds an array with column widths: dp.rowHead...