Questions Tagged how-to
Managing displaying meetings categories
Answered: You can customize the events using BeforeEventRender event handler: http://doc.daypilot.org/calendar/event-customization/ You can use it to set custom event color, HTML, CSS and other properties depe...
autoRefresh setup for AngularJS
Answered: Your configuration is fine - there was a problem in DayPilot. In Angular, the Scheduler initialization mechanism is slightly different and the autorefresh didn't start automatically. It's fixed now i...
Hide resources name column in scheduler?
Answered: You can use rowHeaderColumns:
dp.rowHeaderColumns = [];
See also http://doc.daypilot.org/scheduler/row-header-columns/
Multiple lines/rows in scheduler.events.list.text?
Answered: For overriding the event HTML, use the .html property. In order to add a line break, use "<br/>":
dp.events.list = [
{
start: "2015-12-01",
end: "2015-12-05",
text: "Event 1",
...
deleteDisabled for Scheduler not working
Hello, I found in the Javascript DayPilot events documentation that there is a property deleteDisabled. I set it to true and it's not working and I'm still able to delete the event. I have already us...
Showing a 'loading..' animation or text in modal window
Answered: See the new version 2.3 of DayPilot.Modal: http://code.daypilot.org/81367/daypilot-modal It lets you specify the HTML that will be displayed in the modal window before the target URL loads.
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...
Set a future date in scheduler
Answered: Solved it by using this.dp.StartDate = new DayPilot.Date(selectedDate)
Is it possible to add calendar and Time inside an edit event popup
Answered: DayPilot includes a DatePicker control which you can link to a Label or TextBox control.
<DayPilot:DayPilotDatePicker
runat="server"
ID="picker"
ClientObjectName="pick...
After upgrading DLL version from (5.8.1956.0) to (8.1.3460.1), Events are not working
Answered: In the latest version, "start" and "end" variables hold a DayPilot.Date object. You can get the the value as a string in ISO 8601 format by calling .toString():
var LunchDate = start.toString();
...
Disable parent resources from showing child events
Answered: The parent resources don't display events that belong to the child resources. However, a resource will display events that belong to another resource if: the resource ID is the same the resource ID i...
DayPilot Scheduler Inline Event Editing is it possible tab key to next cell focus ?
I am fetching a problem with DayPilot Scheduler.In DayPilot Scheduler Inline Event Editing I want to go next cell by pressing tab key.
Problem to load events from list of self defined objects instead of EF6 object
Answered: It might be necessary to define the object items as properties rather than simple fields:
public class DayPilotEvent
{
public string SysId { get; set; }
public DateTime AssignedDate { get;...
Format column content in Gantt
Answered: You should use e.Columns[1].Html to modify the second column HTML. An example from the Project Management ASP.NET tutorial: http://code.daypilot.org/64294/asp-net-gantt-project-management
protected...
How to set a special color for actual date in Gantt?
Answered: There are two options: 1. You can add a separator:
DayPilotGantt1.Separators.Add(DateTime.Today, Color.Red);
2. You can change the background color of the cells:
protected void DayPilotGantt1_B...
I am trying to delete a series of events using recurrence rule.. Is there a sample implementation available?
Answered: You can read the ID of the master event (that one that defines the series) using e.RecurrentMasterId. If you don't define any exception from the rule just delete the record with this ID.
protec...
ShiftScheduling tutorial
Answered: It works like this: 1. When you use EventClickHandling="JavaScript" the Scheduler will fire the JavaScript code specified using EventClikJavaScript property. 2. It will pass "e" object to the JavaScr...
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...
how to remove the new event if inline event edit text is blank
Answered: In the latest build (8.1.1914), the onEventEdit/onEventEdited events are now also fired when the editing was canceled using <esc> or when the text is unchanged. The canceled editing is indicated usin...
Open DayPilot for specific date + event and set focus - Example?
Answered: You can use .scrollTo(date, animation, target) method to scroll to a specific date: http://api.daypilot.org/daypilot-scheduler-scrollto/ You can use .scrollToResource() method to scroll vertically to...
How To Redirect To URL By Clicking Event
Answered: Use the following config:
@(Html.DayPilotCalendar("dpc", new DayPilotCalendarConfig {
// ...
EventClickHandling = EventClickHandlingType.JavaScript,
EventClickJavaScript = "window.locatio...
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 ev...
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...
how to use modal.js to open a add event dialog in daypilot scheduler lite
Answered: Some of the DayPilotScheduler properties you are using are only available in the Pro version: Scale CellGroupBy ClientObjectName DataTagFields OnCommand Also, the TimeRangeSelectedJavaScript is resol...
Add multiple rows to selection is slow, any faster way?
Answered: You can also use .selectedRows property:
dp.selectedRows = ['A', 'B', 'C'];
dp.update();
Let me know if the performance doesn't get better this way.
DayPilotBubble's CSS is not accepting at run time
Answered: This happens because the bubble object is initialized in Load phase. It's now updated in the the latest build (8.1.3472). You can download it in the sandbox: http://www.daypilot.org/sandbox/ Let me k...
Navigator onTimeRangeSelected with Switcher
Answered: I've solved using onTimeRangeSelect insted of onTimeRangeSelected. Bye