Questions Tagged how-to
How to disable the percentage that is displayed in the task box as text ("51%") in Gantt
Answered: You can override the task box text using BeforeTaskRender event handler: The following example will show the task text instead of the percentage:
void DayPilotGantt1_BeforeTaskRender(object sender,...
Hide ressource parent without children
Answered: How about this:
// ...
if (r.Children.Count > 0) {
DayPilotScheduler1.Resources.Add(r);
}
// ...
instead of:
DayPilotScheduler1.Resources.Add(r);
You can also filter the resources on ...
How to display bottom scroll bar in daypilot calendar
I am using daypilot calendar version 1.0 and asp.net 4.0. How to show bottom scroll bar in daypilot calendar.
How to navigate to a special task in Gantt?
Answered: The latest sandbox build (8.1.3450) now supports ScrollToTask(id) method. It lets you set the vertical scrollbar position using the specifeed task id. It works during the initial page load and also d...
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/
No recurrent events in gantt view ?
Answered: The built-in recurrence support in the other controls (Calendar, Month, Scheduler) allows you to store the recurring events as a single event (with a rule assigned to it). This rule will be expanded ...
Add task in gantt view
Answered: At this moment you can create a new task by entering the name first (in a special row): http://www.daypilot.org/demo/Gantt/TaskCreating.aspx This will fire RowCreate event where you can create a new ...
How to show a special date between start and end date in Gantt
Answered: Since build 8.1.3445 you can use ScrollTo() on the server side.
protected void Page_Load(object sender, EventArgs e)
{
// ...
if (!IsPostBack)
{
DayPilotGantt1.StartDate = DateTime...
How to disable context menu item via coding in asp.net code behind file.
Answered: protected void Scheduler_BeforeEventRender(object sender, BeforeEventRenderEventArgs e) { if (condition) { e.ContextMenuClientName = "DayPilotMenu1"; } } You can store your condition in e.value examp...
How to Add Date with Day like (Mo, Tue, We, Thu, Fri, Sat, Sun) in two rows in header
Answered: You can use the following configuration:
<DayPilot;DayPilotScheduler
...
>
<TimeHeaders>
<DayPilot:TimeHeader GroupBy="Day" Format="%d" />
<DayPilot:TimeHeader GroupBy="Day" Form...
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...
How to select a row in Gantt?
Answered: 1. You can use SelectedRows property to set the selected rows. Example that selects the first row:
DayPilotGantt1.SelectedRows.Add(DayPilotGantt1.Tasks[0]);
There is a bug in the latest release t...
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 ...
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
How to process event double click without error in DayPilot Calendar?
Answered: Please see the documentation on how to use event double click event: http://doc.daypilot.org/calendar/event-double-click/ In the latest realease (http://javascript.daypilot.org/daypilot-pro-for-javas...
Prevent event drag beyond first / last cell?
Answered: You can add a custom onEventMoving handler:
dp.onEventMoving = function(args) {
if (args.end > dp.visibleEnd()) {
args.left.enabled = true;
args.left.html = "You can't drag the e...
Setting headerDateFormat has no effect
Answered: This property is supported since version 1.2 SP1 (build 171): http://javascript.daypilot.org/daypilot-lite-for-javascript-1-2-sp1/ You are probably using an older version. Let me know if the problem ...
Missing Ressource ..../Backend in MonthlyEventCalendar
Hi, i try to integrate a single page with a monthly event calendar into an existing ASP-NET MVC project and created the page accordingly to this tutorial: http://code.daypilot.org/10607/monthly-event...
How to add row with custom-width columns to DayPilot calendar?
Hi, I currently have a calendar resembling the first attachment. What I've been trying to achieve is something similar to the second attachment (an extra row with its own name and a custom amount of ...
Handling dynamic HTML when using AngularJS
Answered: Figured it out, hopefully will help somebody in the future. So you set a directive inside your custom daypilot-scheduler tag. Let's name it "dynamic-content". <daypilot scheduler id="dp" daypilot-con...
Preventing event create / resize / move on business days
Answered: It will be possible to set .allowed false in onBeforeCellRender. This feature is in the works - it's not available yet.
Limit events to nights only and setting minimum cell on select
Answered: Two approaches are possible: 1. It's possible to adjust args.start and args.end of the time range selection in real time using onTimeRangeSelecting event: http://api.daypilot.org/daypilot-scheduler-o...
How to display day, week, month and year view on selection of user choice?
Answered: Please see the new JavaScript tutorial here: http://code.daypilot.org/27988/html5-calendar-with-day-week-month-views-javascript-php
Add an input type text in the event html
Answered: DayPilot.Scheduler.eventClickHandling = 'Edit' do the job :D thank daypilot for your awesome library
Disable Row(resource)
Answered: In DayPilot Pro you can use onEventMoving and onTimeRangeSelecting events to evaluate custom rules during drag and drop and forbid the action depending on the result: http://api.daypilot.org/daypilot...
How to create a new event?
Answered: Sanjeev, please see the HTML5 Event Calendar Tutorial, "Drag and Drop Event Creating" section: http://code.daypilot.org/17910/html5-event-calendar-open-source
Multiple DayPilotMenu
Answered: Yes, you can assign a custom context menu to events using BeforeEventRender (use e.ContextMenuClientName property): http://doc.daypilot.org/scheduler/event-customization/
Project Gantt Chart
I am evaluating the Gantt chart. Is it possible to have it not expand to show all tasks unless I choose to click and open the parent record to see tasks?
datapilot.mdb issue
I cannot open the database with access. it says "unrecognized database format" could i get a list of tables and fields so i can recreate the database with MS SQL? I am using the Tutorial scheduler vs...