Questions Tagged javascript
Time range context menu in DayPilot.Month
Answered: Unfortunately, the context menu is not available for the time range selection in the Month control at the moment (not even in the current release).
DayBeginsHour
Answered: Unfortunately minute precision for the calendar start is not supported in the Calendar at the moment. In the Scheduler you can create a custom timeline (http://doc.daypilot.org/scheduler/timeline/) w...
How to hand over parameters on JavaScript Action
Answered: The menu source object is available as "e" variable. In this case, it is the selection object which has three properties (start, end, resource):
<DayPilot:MenuItem Action="JavaScript" Text="Neue Ab...
Space between two events in same resource
Answered: You need to modify the event CSS. An example for the default CSS theme (theme="scheduler_default"):
.scheduler_default_event_inner {
bottom: 2px !important;
}
Daypilot height 100%
Answered: If you want to set the height to 100% of the parent element, you should use this:
dp.heightSpec = "Parent100Pct";
Please note that this requires the parent element height to be set explicitly - s...
json date not converting to daypilot date format
I am rendering all daypilot events by ajax from server(the result is JSON) when i am trying to push it shows invalid time zone. For this i need to iterate all events convert to Daypilot date ,is ther...
Leap Year Issue
Answered: When changing the StartDate and Days properties you can use DayPilot.Web.Mvc.Utils.Year.Days() method to get the number of days for the given year. Example for switching to the following year:
Star...
How to add text field in cell ?
Answered: Technically, yes. But it's not recommended for several reasons: 1. You should keep the cell HTML as small as possible. Adding a lot of content will slow down the Scheduler. 2. The cells are redrawn v...
Scheduler - auto width cells
Answered: This issue should be fixed now in the latest release (8.1.1821): http://javascript.daypilot.org/daypilot-pro-for-javascript-8-1-sp2/ Let me know if the problem persists.
Navigator highlights previous month while toggling between week and month view
Answered: You can change the navigator selection using .select() method:
var nav = new DayPilot.Navigator("nav");
// ...
nav.select(new DayPilot.Date()); // selects today
Select time range will not be highlighted if only click the cell in Month Calendar
Hi, Seems in month calendar, if only click a cell (not drag before mouse up), it will be triggered from onTimeRangeSelected, but the UI is not highlighted. However, if drag over the cell a bit, the c...
Using DayPilot HTML5 Hotel Room Booking (JavaScript/PHP) in Codeiginiter MCV environment
Can you please explain how to apply HTML5 Hotel Room Booking (JavaScript/PHP) in Codeiginiter MCV environment, I need to loaded events from MySQL database thru model to controller in order to pass to...
Same event times (UDT) between calendar resource view and workweek view but they display at different local times.
I have a list of events that I share between a Resource view and a WorkWeek view. The daypilot dates of the events are UDT time as expected. When those events are displayed in the Resource view, they...
DayPilot.Switcher OnChange
How can I perform an action when thw switcher changes the current view? Is there something like OnChange event? Thanks
Update headerHtml in onBeforeCellRender
I use angularjs and monthly calendar. I try to update the headerHtml in beforeCellRender event. onBeforeCellRender: function(args) { if (args.cell.start.getDay() === 1) { // first day of month args.c...
In Gantt Chart, can I add task to a particular group?
Hi, I noticed that I can create a new task from the front end, as long as rowCreateHandling is "Enabled". What I would like to do is for the user to be able to add a task as a child of a particular G...
Menu Child Menu Stuck Open
So, I have a child context menu. If I click on the parent menu item before the child is rendered, the parent menu goes away and the child menu is shown. I have no way to make the child menu go away w...
$scope.scheduler is undefined
Answered: Then you should be able to start with this code and extend it step-by-step until you have all you need or until it stops working. If it stops working please check the last thing you added.
Headers with different height
Hello, Is it possible to configure a different height for each header? For example I have 3 headers, Month, Day and Hours, and I want to have Month 40px height and Day, Hours height with a height of ...
How to slide-up/slide-down the sub-titles when 'scheduler_default_tree_image_collapse'/'scheduler_default_tree_image_expand' is clicked ?
Answered: Unfortunately, sliding animation during expanding and collapsing the tree nodes is not supported at the moment. There is no way to add it using custom code.
Display only few hours
Answered: You can use a custom timeline: http://doc.daypilot.org/scheduler/timeline/ Or hide non-business hours: http://doc.daypilot.org/scheduler/hiding-non-business-hours/
Scheduler - Browser context menu is shown on event right click
Answered: Hi, thanks for your reply. I've tried with the last version and it seems ok!
DayPilot Pro for JavaScript 8.1 - Active Areas examples
Answered: You can take a look at the following demo: http://javascript.daypilot.org/demo/scheduler/eventareas.html It adds a green active area to the current day using onBeforeCellRender:
dp.onBeforeCellRend...
Add days to calendar while onEventMoving or onEventResizing
Answered: Unfortunately, this scenario is not supported at the moment. Calling .update() redraws everything and the context is lost (including the drag and drop operation in progress).
AngularJS locale property not working
Answered: I've tested it and it seems to work (even with your code). Where exactly do you see English? In the demo (http://javascript.daypilot.org/demo/lite/), changing the locale affects the day headers and i...
args.cell.start.getDayOfWeek() goes from 1 to 6 (no 7 for Sunday)
Answered: It should return 0 for Sunday. Can you please give it a try with the latest sandbox build (1753)? This returns 0 as expected in the JavaScript console:
new DayPilot.Date("2015-06-21").getDayOfWeek(...
Remove vertical border between cells?
Answered: You will need to hide it using CSS (scheduler_default_matrix_vertical_line) and add only the desired ones: 1. Create a custom grid cell class with { border-right: 1px solid #eee; } and add it to the ...
IE 9 rendering issue JavaScript scheduler
Answered: I have tried to reproduce the issue using the latest sandbox build (8.1.1753): http://javascript.daypilot.org/sandbox/ I have added the Bootstrap CSS to the main scheduler page:
<link rel="styleshe...
Selected event unselects when I call .update() on Calendar?
Answered: This is a bug which has been fixed in build 8.0.1746. You can test it and download the latest build in the sandbox: http://javascript.daypilot.org/sandbox/calendar/eventselecting.html