Questions Tagged how-to
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...
How to have fixed hour in day view?
Am trying to fix the hour in daypilot? I have used dp.daystartshour=8 ,it is displaying from 8.am itself,now i have problem that i need to display the whole day hours though it starts from 8am(i.e., ...
DayPilot Pro for JavaScript (OEM Team) - 5 Developers license
Hi Dan, We would like to know some more information about the "DayPilot Pro for JavaScript (OEM Team) - 5 Developers - 1 application" license. The OEM-5 developers means 1. Is it licensed to fixed 5 ...
Setting custom context Menu.
Answered: Do this instead - worked for me: args.e.contextMenu = "test";
Scheduler with no events renders with just the headers.
Is there anyway to get the scheduler to show an empty event area covering the height specified. Thanks..
How do you control the top border of event, remove it, use a different color, etc.
Answered: protected void Scheduler_BeforeEventRender(object sender, BeforeEventRenderEventArgs e) { if (condition) { e.DurationBarColor = "green"; } if (else) { e.DurationBarColor = "red"; }
Assigning data to child resource
Using the Scheduler and cannot figure out how to assign an event directly to a child in a resource. Example: Parent (type of marketing) = Email Marketing Children (list of vendors) = Constant Contact...
How can I add white space to a cell below other events to allow a user to create new events? DP pro Version: 1514
Answered: The rowMarginBottom property of the config object adds N pixels below the last event in a cell.
How can I get the original resource on the onEventMoved callback?
I have a job on the scheduler and multiple people may be assigned to the same job, I want to be able to find the original resource the job was assigned to when it is moved so I can replace the old re...
Disable menu item for some events
Hi , Any way to disable (or make invisible) a certain menu item (not the whole menu) for some events ?