Questions Tagged how-to
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...
Desktop app
Answered: Yes, it's possible. You'll need to replace the browser-server communication with direct API calls. 1. For calling JavaScript functions from the WebForms application use WebBrowser.Document.InvokeScri...
DayPilotScheduler component, set businessbeginshour and businessendshour - why is 23 showing?
Answered: Simply adding ShowNonBusiness="false" should be enough. See also: https://doc.daypilot.org/scheduler/hiding-non-business-hours/ And a demo here: http://www.daypilot.org/demo/Scheduler/HideNonBusiness...
Scheduler with custom Timeline and TimeHeaders
Answered: It seems to work fine with the latest version (8.2). Can you please give it a try? http://www.daypilot.org/try/
How to change message color (angular)
Answered: Sorry for the confusion. The documentation on .message() was out-of-date. The current syntax allows you to pass additional properties using "options" object like this:
dp.message("Test", { cssClass...
Any way you can pass a model in BackendURL
Answered: The backend URL is just a URL string and it doesn't allow passing anything else. You can pass custom parameters as an ID, query string or in a cookie. Example for custom query string:
@Url.Action("...
Autoscroll feature with Daypilot Calendar
Hi all, I'm wondering if it's possible to implement the autoScroll properties (available on Daypilot Scheduler) on the Daypilot Calendar. I have tired to set autoScroll = "Always" but it's not workin...