Skip to content

Questions Tagged javascript

  • One Event with multiple resources

    Answered: You need to create a special entry for each of the event x resource combination. You can use "joint events" feature to link them together so they will be moved and resized together: http://javascript...
  • How to block (and show) a complete day

    Answered: Unfortunately it is not possible to draw a single rectangle over multiple cells at the moment. Another option might be to use onBeforeCellRender to use a different color for forbidden cells + use onE...
  • how to resolve when a range time display too many events ?

    Answered: I assume you mean the Calendar control: http://doc.daypilot.org/calendar/ You can play with the event arrangement mode settigs to see if it helps with the visibility of a lot of overlapping events: h...
  • Click events not firing in chrome

    Answered: I have tried this on a few other computer and the issue seems to be isolated to one specific computer. The issue appears to be machine specific and not a problem with the scripts. JD
  • Event Bubble

    I am trying to have event bubble in day pilot scheduler. Which has a content of title, description and a image thumbnail. But the positioning is not happening correctly when i have this on the contro...
  • DayPilot - Scheduler Javascript

    I am trying applying fore and back color for the message bar of scheduler based on success and error scenarios by using the method, but it not overriding the css we have for message bar. Please fix t...
  • Last column Header Lower

    I have a possible bug/issue with DayPilot 8.1 where the text in the last cell of the header barely appears. I have been tweaking and adjusting the config in angular directive + $scope.config to get i...
  • Use Custom JSON Object in resource

    Answered: The scheduler .resources property requires this exact structure. See also: http://api.daypilot.org/daypilot-scheduler-resources/ If your server returns JSON array that has items with a different stru...
  • Target cell based on event type?

    Answered: You can use onBeforeCellRender event like this: //... dp.onBeforeCellRender = function(args) { var events = dp.events.forRange(args.cell.start, args.cell.end); // check events array for event types.....
  • All day events on month view

    Answered: The month view (DayPilot.Month class) doesn't recognize all-day events because they are displayed the same way as normal events. Unlike the Calendar which displays them in a special row below the day...
  • Getting tag URL Parameter from JSON Request

    Answered: There are two options: 1. You can send the url from the server: class Event {} class Tags {} $events = array(); foreach($result as $row) { $e = new Event(); $e->id = $row['plan_id']; $e->text = $row[...
  • Change cell border color in scheduler?

    Answered: The direct style properties are ignored in the CssOnly mode (the CssOnly mode is forced since 8.0 release): http://api.daypilot.org/daypilot-scheduler-cssonly/ You can control the cell border using C...
  • Navigator looks weird

    Hi, This is how the navigator looks: http://i.imgur.com/lK6Pdft.png code: http://pastebin.com/rHqzC1zn As you can see the bottom line is to short and the right line doesn't show at all. How can I fix...
  • Display Scheduler for specified Start and End date

    Answered: At this moment the scheduler only works with .startDate and .days properties. You can use DayPilot.DateUtil.daysDiff(first, second) helper method to calculate the .days property: var days = DayPilot....
  • Resize column widths on the fly

    Answered: I've created a simple demo that uses your approach (<input type="range">): http://javascript.daypilot.org/sandbox/scheduler/cellwidth.html Implementation: <div class="note">Cell Width: <input type="r...
  • Monthly Calendar Monthname title with Navigator

    Answered: The problem is that you are manually calling onTimeRangeSelected without any parameter. Take a look at the source of this page: http://javascript.daypilot.org/demo/month/navigator.html This is the be...
  • Action on event click before mouse released

    Answered: If the problem is that "nothing happens" i.e. the user gets no visual feedback you can use a different approach: Instead of definining moveDisabled:true on the event set a special custom property wit...
  • Re-enabling selected event

    Answered: You need to call dp.events.update() after modifying the event properties. Something like this should work: dp.contextMenu = new DayPilot.Menu({items: [ {text: "Enable moving", onclick: function() { v...
  • Problem clearing events in Angular

    Answered: A few notes: 1. When performing the operations on the events you can either modify the model or use the direct methods. The difference is that the direct methods call $apply to notify Angular about t...