Questions Tagged how-to

Answered: You need to use BeforeEventRender event handler: protected void DayPilotCalendar1_BeforeEventRender(object sender, BeforeEventRenderEventArgs e) { e.BackgroundColor = (string) e.DataItem["colorfield'...

Answered: Server side: DayPilotScheduler1.DataSource = null; DayPilotScheduler1.DataBind(); DayPilotScheduler1.Update(); Client side: dps.events.list = []; dps.update();

Answered: There was a bug which is fixed now in the latest sandbox build (7.4.2900): http://www.daypilot.org/sandbox/ Please let me know if the problem persists.

Answered: DayPilot Scheduler has resources/users on y axis and time on x axis by definition. It's not possible to switch the axes. You can use the Calendar switched to Resources mode (i.e. custom columns that ...

Answered: In BeforeEventRender event handler, you can reach the original data item using e.DataItem property: e.DataItem["field1"] // field1 e.DataItem.Source // the original object e.DataItem is accessible au...

Answered: You can use the following workaround: function afterRender(data, isCallBack) { dps1.showBaseTimeHeader = false; dps1.timeHeaders = []; dps1.update(); } And set AfterRenderJavaScript="afterRender(data...

Answered: 1. The combination of UseEventBoxes=Never and setting the end time to the start time of the next event should work. If you take Image 3 and set UseEventBoxes=Never, does it work as expected? 2. You s...

Answered: You can turn it off using .Animated = false. It is not possible to provide custom animation at this moment.

Answered: Yes, this is possible - you need to assign the context menu to ContextMenuSelection: <%= Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig { BackendUrl = ResolveUrl("~/Scheduler/Backend"), .....

Answered: If you want to show calendars for 30 or more users it is definitely better to switch to daypilot scheduler which displays the resources (people) on the vertical axis: http://www.daypilot.org/demo/Sch...

Answered: By default there is no URL associated with the event. You should handle the EventClick event and define the required action. For redirecting it to a specified url you can use something like this: <%=...

Answered: This probably means the height of the parent element is not set properly (at all). Please see also: http://kb.daypilot.org/22832/how-to-use-scheduler-with-100-height/ You can use fixed pixels: height...

Answered: In the Scheduler, you can do it using setScroll() method (in pixels): http://api.daypilot.org/daypilot-scheduler-setscroll/ Or using scrollTo() method (using a date): var now = new DayPilot.Date() dp...

Answered: The only way to do it in the Lite version is to place the Scheduler inside an UpdatePanel and refresh the panel. It is demonstrated in this tutorial (not described in the tutorial text but it is used...

Answered: The problem #1 can be solved by generating the rows manually (it's really simple) as demonstrated in the Gantt tutorial at http://code.daypilot.org/68118/gantt-chart-tutorial-asp-net-sql-server-c-vb-...

Answered: In the Lite version the cell duration is fixed to 30 minutes. In the Pro version you can change it using CellDuration property (CellDuration=15).

Answered: When display calendar for multiple users you can choose one of the following views: 1. Resources on the vertical axis and time on the horizontal axis (Scheduler control): http://www.daypilot.org/demo...

Answered: Some themes use a gradient event background defined using "background" CSS style (scheduler_white, scheduler_green). The e.BackgroundColor translated into an inline "background-color" and this proper...

Answered: This is not a typical scenario and that makes the solution a bit complicated. What you need to do in the JavaScript is to call the server-side handler and then make sure the request has been complete...

Answered: Hi krishnan, The event source object (from DataSource) is available in BeforeEventRender event handler as e.DataItem (e.DataItem.Source). Example: protected void DayPilotCalendar1_BeforeEventRender(o...

Answered: On the server side: DayPilotScheduler1.EventClickHandling="JavaScript"; DayPilotScheduler1.EvenClickJavaScript="dps1.eventMenuClickPostBack(e, 'Command')";

Answered: I assume you mean the events (coming from DataSource), not the background cells (the matrix). To fire the client-side EventClick event, call this: dps1.onEventClick(e); e is the DayPilot.Event object...

Answered: It's now available in build 5528. See the sandbox: http://mvc.daypilot.org/sandbox/

Answered: The Lite version of the Scheduler doesn't support changing the date format in the header. It will always show the day number for CellDuration >= 1440. If you want to display something else you will h...

Answered: 1. First you need the holiday data. 2. Add a BeforeCellRender event handler. This event is called once for each time cell. You should check the cell date (e.Start, e.End) here and compare it with the...

Answered: These properties should actually hold the names of the fields/columns in the list: DataIdField = "RowNum" DataTextField = "Employee" DataStartField = "Annual_Leave_Day" DataEndField = "Annual_Leave_D...

Answered: Version 7.3.2844 doesn't call Assembly.GetName() (which requires IO permissions) anymore. You can download it in the sandbox: http://www.daypilot.org/sandbox/

Answered: The CssClassPrefix property can be used to apply a css theme. All the internally used css classes will get prefixed by the value of CssClassPrefix. This makes the theme class names unique. Example: C...