Questions Tagged angularjs
Highlighting dates in scheduler
Answered: In the Scheduler, you can use onBeforeCellRender to highlight selected cells. In that event handler, you can use args.cell.events() to get a list of events that overlap with the cell. See also: https...
when click on even
when click on event how do I load event detail in pop up, now empty pop up shows up.
Scheduler + Calendar break rowMoveHandling on Firefox
Hi, I think I have found a bug! If you have the Scheduler and the Calendar directives in the same page, it seems that the rowMoveHandling option stop to work for the Scheduler directive. This strange...
DayPilot Calendar Angular allowEventOverlap = false Not preventing Event Overlap
Answered: It looks like you are using an old version - the allowEventOverlap property is supported since 2018.1.3187 in the Calendar component: https://javascript.daypilot.org/daypilot-pro-for-javascript-2018-...
Database
Answered: Javascript can't connect directly to a database, but it can request data from external pages, files. I use PHP, and a MS SQL database. I have created an API were I can request data for my scheduler, ...
Pro version breaks my AngularJs directive
Answered: DayPilot Pro uses a slightly different approach (compile + link) when registering the <daypilot-calendar> directive because the "replace: true" attribute used in the Lite version (which only uses lin...
General questions
Answered: 1. No, this project includes a trial version of DayPilot Pro and is limited to testing and evaluation purposes, for 60 days. You need a DayPilot Pro for JavaScript license to use it in production (ht...
bespoke development
Answered: Thanks Dan. In all honesty, it would still be over my head! Obviously, I'd like to licence your code, but would anyone else be interested in helping me adapt it to our specific needs? Thanks
Cannot export or print schedule [AngularJS]
Answered: Update: The latest sandbox build (8.4.3098) accepts string, number and null (null was added in this build). The exception text now includes the value type. https://javascript.daypilot.org/sandbox/ Pl...
Exact timerange selection when useEventBoxes is set to never.
Answered: In addition to useEventBoxes which affect the display of existing events there is also snap-to-grid feature which affects drag and drop: https://doc.daypilot.org/scheduler/snap-to-grid/ Unfortunately...
How to access constants in Angulajs Template
Hi, How can I access constants defined in common js file into a template of a different module? if I defined a constant like this in my MainModule.js which is included in the beginning of the main HT...
What determines if an Event is shown?
Answered: Each column uses two key properties: id start The basic rule is that event.start must be within the specified day (column.start) and the event.resource must match the column id (column.id). Plus: 1. ...
Active drop-area in Calendar
Answered: You can use the real-time event handlers to check custom conditions: https://api.daypilot.org/daypilot-scheduler-oneventmoving/ https://api.daypilot.org/daypilot-scheduler-oneventresizing/ https://ap...
Drag-Drop External event pops to first column
Answered: Figured it out: The second level columns need unique id's. They had id's from a for-loop that was reset for each first level column.
Calendar only showing events for first date in week
Answered: It looks like you didn't specify the date (start property) for the child columns. If the date isn't specified it uses the dp.startDate value (it doesn't automatically inherit the "start" value from t...
Add or remove doctors
Answered: Management of doctors is not implemented in this tutorial. The doctor data is stored in the database, in a table called "doctor":
CREATE TABLE doctor (
doctor_id INTEGER PRIMARY KEY AU...
Possibility of an automated reminder
Answered: This needs to be done on the server side. DayPilot focuses on the UI and it doesn't include support for sending emails.
'daypilot-calendar' is not a known element
Answered: Both sources - the article (http://code.daypilot.org/63034/angularjs-event-calendar-open-source) and the forum topic (https://forums.daypilot.org/Topic.aspx/3170/directive-not-working) use AngularJS ...
Angular Scheduler: setting htmlLeft from onBeforeEventRender
Answered: It should be fixed now in the latest sandbox build (8.3.2842): https://javascript.daypilot.org/sandbox/ Let me know if the problem persists.
reloading events on scheduler from server after initialization
I'm using a demo version of the scheduler pro for angularjs and am pulling in angulerjs v 1.3.8. I'm having difficulty re-loading the scheduler with events after the control has been initialized. Eve...
How to block (and show) a complete day
Answered: If I understand it correctly you are asking for something slightly different than the original question: https://forums.daypilot.org/Topic.aspx/2944/how-to-block-and-show-a-complete-day Konrad would ...
Pro License concerned
Answered: The "DEMO" label indicates that you are using the trial version of DayPilot Pro. If you want to use the Pro version you'll need to buy a license. The trial period is limited to 60 days.
design
Answered: You can customize the appearence by creating a custom CSS theme. You can use the online theme designer to generate a new theme: http://themes.daypilot.org/ The generated CSS file can be also customiz...
Using Scheduler as syntax with events
Answered: Your setup seems to overwrite the "events" property of the DayPilot.Scheduler object somewhere. The events property holds not only the event data (events.list) but also other methods (events.update()...
Cannot read property 'exp' of undefined
Answered: As far as I can tell there is no "exp" property in DayPilot. It looks like it's related to watching changes of an object that you reference using "config" or "events" attributes. The slowdown is also...
How-To: Alter Duration Over Date Range (Scheduler)
Answered: It's possible to highlight the busy hours inside an event using custom active areas. Example that highlights 9am - 5pm (on workdays) inside an event:
dp.onBeforeEventRender = function(args) {
va...
How-To: Alter Working Hours (Scheduler)
Answered: Yes, you can do it using businessBeginsHour and businessEndsHour properties. See also: https://doc.daypilot.org/scheduler/business-hours/
Kanban: onBeforeCellRender in AngularJS
Answered: This happens because event handlers specified using on-* attributes automatically wrap the code in an $appy() block - to make the behavior consistent with the standard AngularJS behavior. This isn't ...
Kanban: Active Column in AngularJS
Answered: There was a bug - the Kanban control made some direct changes to the column.areas array during an update which triggered another update... It should be fixed now in the latest sandbox build (8.2.2375...
How to change message color (angular)
Answered: Sorry for the confusion. The documentation on .message() was out-of-date. The current syntax allows you to pass additional properties using "options" object like this:
dp.message("Test", { cssClass...
Questions 1-30 of 42
Next