Questions Tagged how-to
Wrap text in DayPilot Weekly Scheduler
Answered: The text wrapping is disabled by default - you can enable it using this property: https://api.daypilot.org/daypilot-scheduler-eventtextwrappingenabled/
timeline assign date
Answered: Hi Otto, You can create DayPilot.Date object from an ISO string using a constructor:
var date = new DayPilot.Date("2019-05-04T12:00:00"); // "2019-05-04 12:00:00" works as well
See also: https:/...
Edit resource name with JavaScript
Hello. I‘ve seen, that it is possible to change the name of a resource/row inline. Is it also possible to do this outside of Daypilot with an external formular? Since now I didn’t found a way to do t...
login to scheduler
Hello, is there a sample how to handle user login/logout for the scheduler users. Thank you in advance Otto
HTML5 Hotel Room Booking (JavaScript/PHP) bubble
Answered: The bubble text/HTML needs to be specified using "bubbleHtml" property of the event data object: https://doc.daypilot.org/scheduler/event-bubble/ If the "bubbleHtml" property is not part of the serve...
Show resource unavailability based on time-range not on cells
Answered: It's possible to implement custom rules using onEventMoving, onEventResizing and onTimeRangeSelecting events: https://api.daypilot.org/daypilot-scheduler-oneventmoving/ https://api.daypilot.org/daypi...
Request your support on day pilot challenges in implementation.
Answered: > 1) Horizontal line only visible in the scheduler control You can customize the CSS theme generated using the theme designer (https://themes.daypilot.org) and clear the style for the vertical line e...
How to visible false Day pilotgrid line asp.net
Answered: The grid lines are specified using the CSS theme, using "*_matrix_horizontal_line" and "*_matrix_vertical_line" CSS classes. Please see also: https://doc.daypilot.org/scheduler/css-classes/
BeforeCellRenderer fired only on Startup
I am using the BeforeCellRenderer event to modify certain cell's background color via DayPilot.Web.Ui.Events.BeforeCellRenderEventArgs which works as expected. the problem as soon as an event updates...
Edit Event does not fire in Chrome unless DevTools is started
Answered: Fortunately, I found a workaround by using these JS events: dpc.onEventMove = function (e, newStart, newEnd) { eventChange(e, newStart, newEnd); }; dpc.onEventResize = function (e, newStart, newEnd) ...
Event for resource column click?
Answered: Just found out about: https://doc.daypilot.org/scheduler/active-areas/
DayPilot Gantt - Export Client-Side
Answered: Hi Andrea, Gantt client-side export is in the works - it will be available in the near future.
How use Daypilot on Laravel
I have project for work orders on laravel I like to use scheduler of daypilot. But lmodal.showUrl and loadResources() did not work. How I can use. Please let me know samples.
Display Totals On Rows and Columns
Answered: Hi Aliaa, Sorry for the delay. There are actually two event handlers that let you customize the row headers: 1. The onBeforeResHeaderRender is a legacy event which is only fired when the rows are loa...
database
Answered: In PHP, you can modify the backend scripts (backend_events.php, backend_create.php) to work with your database. The DB connection properties can be found in _db.php. The MVC version defines the data ...
Increase the height of the DayPilot Calendar control to fit its parent dynamically
Answered: Please see the following tutorial for a working example (Scheduler with heightSpec set to "Parent100Pct"): https://code.daypilot.org/75104/angular-scheduler-full-screen-layout
Right-click range select, on button release
Answered: This issue should be fixed now in the latest sandbox build (2018.4.3470): https://javascript.daypilot.org/sandbox/
Extra Fields Add
Answered: The modal dialog can show any HTML page using showUrl() method. You can create a standard page with the required fields and display it using showUrl(). You can pass the form data back to the calendar...
How to switch between the Day,Week and Month view in Angular4
Answered: Please see the following sample project that shows how to implement a calendar with day/week/month views: https://code.daypilot.org/30451/angular-calendar-day-week-month-views
limited timeframe
Answered: already found the solution need to change $morning_shift_starts = 9; $morning_shift_ends = 13; $afternoon_shift_starts = 14; $afternoon_shift_ends = 18; in the backend_create.php thankyou anyway
Exception User-Unhandled
Answered: Yes, thank you so much. I've checked in WireShark the IP address my app was trying to connect with. Then I set that address (with another port) as a proxy and suddenly it started to work. Thank you!
cssClassPrefix overrides resource tree backColor
Answered: You can extend your onBeforeCellRender like this to apply the green background color:
dp.onBeforeCellRender = function(args) {
var row = dp.rows.find(args.cell.resource);
if (row.data.bac...
Highlight holidays
Answered: I figured it out...
dp.onBeforeCellRender = function(args) {
var cellDate = moment(args.cell.start.value).format("YYYY-MM-DD");
if (jQuery.inArray(cellDate, holidayArr) !== -1) {
...
Hyphens in event text
Answered: I'm not able to reproduce the problem - however, it looks like a CSS issue. If you enable text wrapping some browsers may wrap the text after the hyphen. If the event height only allows one line of t...
Disable left Click in Day Pilot Schedule
Answered: Unfortunately, this is not supported in the ASP.NET version of the Scheduler. In the JavaScript version, it's possible to customize the behavior using onGridMouseDown: https://api.daypilot.org/daypil...
Show Event Links on hover or select only?
Answered: Sorry for the delay... Unfortunately, the links can't be displayed on hover. You might be able to implement your own logic by only adding the selected links to the array (on event click, on active ar...
Make Event selected and Change color for selected item
Answered: Yes, please see the "Event Selecting" topics in the docs: https://doc.daypilot.org/scheduler/event-selecting/
Hide/Show Resource Section in Daypilot
Answered: Yes, please see the "rowHeaderHideIconEnabled" property which enables an icon that lets users hide/show the row headers: https://api.daypilot.org/daypilot-scheduler-rowheaderhideiconenabled/ It's als...
BOM at beginning of body
Answered: It looks like without the BOM the browser doesn't recognize the <doctype> section at the top of the HTML file and renders the document in quirks mode. There might be a problem with some non-ascii cha...