Questions Tagged how-to
How-To: Alter Duration Over Date Range (Scheduler)
Answered: It's possible to highlight the busy hours inside an event using custom active areas. Example that highlights 9am - 5pm (on workdays) inside an event:
dp.onBeforeEventRender = function(args) {
va...
How-To: Alter Working Hours (Scheduler)
Answered: Yes, you can do it using businessBeginsHour and businessEndsHour properties. See also: https://doc.daypilot.org/scheduler/business-hours/
Search for value
Answered: There is an API to find events using the event id:
var id = "123";
var e = dp.events.find(id);
Then you will be able to focus it using scrolling methods:
dp.scrollTo(e.start());
dp.scrollToRe...
Event Tooltip does not display using Lite version 5.0.308
Browser is Firefox and IE Documentation says it is supposed to work using the Lite version. Is there another property that needs to be set?
Export functions don't work with images as resources
Hi, im using the MVC Scheduler with resources as images in the first column. If i try to export any view from the scheduler, the images are not showed in the JPEG, PNG or somethings else. (see upload...
Event overlap true. Set maximum events per day
Hi! I would like to have multiple events in one day. I set eventoverlap to true. (hotel reservation system) But I would like to set limit per day. Is there anything like this? I think, I saw it somew...
After import csv, cant see events in calendar
Hi I am using hotel reservation system. After importing values into table reservations -> LOAD DATA LOCAL INFILE 'test.csv' INTO TABLE temp CHARACTER SET utf16le FIELDS TERMINATED BY ';\0' LINES TERM...
Kanban: onBeforeCellRender in AngularJS
Answered: This happens because event handlers specified using on-* attributes automatically wrap the code in an $appy() block - to make the behavior consistent with the standard AngularJS behavior. This isn't ...
Kanban: Active Column in AngularJS
Answered: There was a bug - the Kanban control made some direct changes to the column.areas array during an update which triggered another update... It should be fixed now in the latest sandbox build (8.2.2375...
DayPilotScheduler- Same Event Heights?
Answered: You can control the event overlap using EventStackingLineHeight property: https://doc.daypilot.org/scheduler/event-stacking-line-height/ You can use a value from 0 to 100 (percent). 100 is the defaul...
Month name
Answered: In the ASP.NET version, it uses the current locale to format the dates. In the demo, the locale is set to "en-us" in web.config:
<configuration>
<appSettings/>
<system.web>
<compilation ...
Daypilot Modal window issue
Hello there I am using Daypilot Modal extender to show the popup screen when I click an event. I use bootstrap validation to validate my controls in my pop up window, so when I click submit button I ...
TimeRangeSelectedHandling = TimeRangeSelectedHandlingType.CallBack Issue
Answered: The CallBack is an internal mechanism that only allows communication with the server-side DayPilot backend. It exchanges messages in JSON format - in other words, you can't use it to open a modal dia...
Day border
Answered: One of the options is to add custom separators at the specified times (day starts): https://doc.daypilot.org/scheduler/separators/
Daypilot scheduler/Calender occupancy report
Answered: You can display the occupancy percentage in a special column of the row header: https://doc.daypilot.org/scheduler/row-header-columns/ This way you would be able to display occuppancy per room. You c...
Set a width of Specific Column and its data
Answered: Actually, I figured it out with using RowHeaderWidthAutoFit = "false" on ASP.NET and then scheduluer.HeaderColumns.Add(new RowHeaderColumn("NEW COLUMN", 200)) <= size of the column to be 200px
demo
Answered: The easiest way to try it out is to download the project and run it on a local webserver with PHP enabled (e.g. Linux with Apache and PHP). Just copy the project to the web root. If you use MySQL you...
How to make events removable?
Answered: In the Lite (open-source) edition the built-in delete icon is not supported. In the Pro edition you can enable it using eventDeleteHandling property:
dp.eventDeleteHandling = "Update";
See also: ...
HTML5 Doctor Appointment Scheduling (JavaScript/PHP/MySQL)"
Answered: If you are asking about how to install the project locally to try it out please see this answer: http://forums.daypilot.org/Topic.aspx/3413/demo If you are asking about licensing - you'll need a DayP...
Navigator for DayPilot Calendar with ViewType='Resources'
Answered: If you click a date in the Navigator and you have linked it to the main Calendar using BoundDayPilot property it will fire OnCommand event:
@Html.DayPilotNavigator("dpn", new DayPilotNavigatorConfi...
Monthly Calendar Tutorial: SQL Server, UpdatePanel, ModalPopupExtender (ASP.NET, C#, VB.NET)
when i write this tutorials code i doesnt work and give me this error The name " UpdatePanelCalendar' does not exist in the current context MeetingRoom " how can I add UpdatePanelCalendar or what can...
Multiple resource lines for one resource
Answered: Yes, that's possible using the "Resource Tree" feature: https://doc.daypilot.org/scheduler/resource-tree/
Obtain args.div in Scheduler's onEventDoubleClicked() event handler
(v.8.2 SP10) I am currently calling the Bubble's showHtml() method upon event double-click in the Scheduler. Is there a way to obtain the args.div like it is in onEventClicked()? It doesn't appear to...
Problem setting headerDateformat to pt-br
Answered: What version of DayPilot do you use? There was a bug in versions prior to build 1974. It should work fine since version 8.2: http://javascript.daypilot.org/daypilot-pro-for-javascript-8-2/ Let me kno...
Calendar: Only Show Business Hours and be Dynamically resizable - how to do both?
Answered: You can use DayBeginsHour and DayEndsHour in combination with HeightSpec="Parent100Pct". See also: http://forums.daypilot.org/Topic.aspx/3391/daypilotcalendar-businessbeginshour-and-businessendshour-...
Anything new on 100% height issue as described here:
Answered: DayPilot detects window size changes automatically and it will adjust the height of the Scheduler control to match the parent element height if HeightSpec is set to "Parent100Pct". The key here reall...
DayPilotCalender - css Styling -- Overlap of "White" area over its container
Hi Dan and Team In a previous posting: https://forums.daypilot.org/Topic.aspx/3360/css-styling-calendar-and-scheduler-daypilot-controls I asked about styling of the calendar and scheduler controls......
DayPilotCalendar - businessbeginshour and businessendshour functionality
Answered: In the Calendar, the mechanism is slightly different: 1. If you want to hide selected days (which are displayed as columns) you need to switch to ViewType="Resources" and generate the columns manuall...