Questions Tagged how-to
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...
Resources expanded by default??
Answered: If you set DynamicChildren = true the Scheduler assumes that the children are not available and need to be loaded from the server (https://doc.daypilot.org/scheduler/dynamic-resource-tree-loading/). ...
Constrain Event moves in Scheduler to within Parent Resource?
Answered: Oh, of course... after hours of searching docs, I find something mere seconds after asking. I'm assuming it will be handled in "Event Moving Customization" correct? https://doc.daypilot.org/scheduler...
change cellWidth on the fly
Answered: Unfortunately, the ASP.NET version doesn't support client-side changes. It's bound to the server-side backend and it's necessary to invoke a callback (e.g. using commandCallBack() method) to request ...
Can an Event option be used to adjust Business hours for a Scheduler resource?
Answered: Hi Tony, I'm happy to hear that DayPilot helps. Unfortunately the business hours are specified on the resource (row) level. At this moment, there is no way to set different business hours for differe...
DayPilot Responsive
Nice, easy to use package. I saw earlier question about making DayPilot responsive. I poked around in the code and found two lines where percentages are added as comments. I used the percentages inst...
Is it Possible to show time on horizontal axis and date om vertical axis in calendar control
Answered: Unfortunately, this is not possible with the Calendar control - but this kind of view is served well by the Scheduler control.
Drag and drop into Angular schedular
Hi there Is it possible to drag and drop an external object into the Angular scheduler? Do you perhaps have an example or demo of dragging and dropping from another component into the scheduler?
Modify end datetime in beforeEventRender
Answered: Unfortunately, it's not possible to change event start/end in onBeforeEventRender. You'd have to modify the data source before assigning it to dp.events.list. It might be more convenient to do it on ...
Is bolding of navigation calendar dates available in Lite version?
Answered: Unfortunately, loading free/busy Navigator data is not supported in the Lite version at the moment.
How to identify the new scheduler that the event was moved to?
Answered: You can identify it in onEventMove event handler - "this" object will point to the target Scheduler. This will work even if you reuse the same event handler function for all Scheduler instances.
dp...
Display Context Menu On Touch Device Tap
Hi there, I am trying to display the scheduler event context menu when the user taps on the event from a touch device. I want this behavior to happen only on touch devices (small screens) not on desk...
start date and end date
Answered: You can use "startDate" to change the visible date range: https://doc.daypilot.org/calendar/manual-date-switching/ The end date is calculated automatically, depending on the viewType value (https://d...
How to disable or hide the expand/collapse button on resources
Answered: Sorry for the delay! You can hide it using custom CSS. For the default theme (scheduler_default) you can use something like this:
.scheduler_default_tree_image_no_children,
.scheduler_default_tree...
Format date in timesheet mode (Angular 5)
Answered: By default, the timesheet uses the short date format specified using the current locale for the day headers. You can customize the text using onBeforeRowHeader render event handler:
config: any = {...