search envelope-o feed check
Home Unanswered Active Tags New Question

Active Questions

Conditional display of Active Areas

Answered: Yes, this is possible. You can add active areas using onBeforeEventRender where you can check if a specific property exists in the source data object (args.data): onBeforeEventRender: args => { ...

How to change Group task background color?

Hello, I am using css modules in my project, so not able to use simple CSS. I was trying to change the color of group from blue to grey. By cssClass property, the whole box background changes to grey...

Separators above resources

Answered: This issue should be fixed now in the latest sandbox build (2023.2.5584): https://release.daypilot.org/changes/js/ Please let me know if the problem persists.

Db connection location

Answered: The database connection is handled by your application (DayPilot doesn't connect to the DB directly). Typically, the connection string is stored in web.config (in ASP.NET applications). Note that the...

Writing current date and time to DB from a context menu item

Answered: Something like this could work (you will need to adjust it for your needs): async function clockOn() { const modal = await DayPilot.Modal.confirm("Are you sure you want to clock onto this job?...

Link Connector Arrows

Answered: I see. 1. You can simply add/remove the links from the Scheduler as needed, like this: const linksToBeDisplayed = [ /* ... */ ]; dp.update({links: linksToBeDisplayed}); 2. Or you can mark the li...

Cannot install daypilot-pro-angular

Answered: The correct command is as follows: yarn add https://npm.daypilot.org/daypilot-pro-angular/trial/2023.2.5574.tar.gz You can also get the current version link at https://npm.daypilot.org.

Adjusting event height leads to excessive empty space (Month)

Answered: So simple solution: It's not: eventHeight: "50", it's: eventHeight: 50,

How can I change the name of the event groups?

Answered: You can set custom HTML displayed by the group using onBeforeGroupRender event: https://api.daypilot.org/daypilot-scheduler-onbeforegrouprender/ onBeforeGroupRender: args => { args.group.html = ...

Parent Row

Answered: Steve, Sorry for the confusion! You can detect parent rows using `args.cell.isParent`: dp.onBeforeCellRender = function (args) { if (args.cell.isParent) { args.cell.backColor = "#ccc"...

Event Item

Answered: By default, the calendar displays the value of the "text" property in the event boxes. If you want to display more data, you can customize the event content using onBeforeEventRender event handler: h...

How disable focus in form.

Answered: You can use "autofocus: false" to disable autofocus or use "focus: 'anotherField'" to autofocus a selected field. const form = [ {name: "Start", id: "start", type: "datetime"}, {name: "End", ...

Save selected dropdown item to the database

Answered: After the modal dialog is closed, you need to call an API endpoint that will save the changes. You can access the updated data object as "modal.result". The selected value is accessible as "modal.res...

Dropdown field in modal form

Answered: You can load the data using fetch() or a similar function before opening the modal dialog. async function showModal(url) { const options = await fetch("/api/getOptions").then(response => respons...

Calendar component renders "12AM" in all rows in resources mode

Answered: I haven't seen this problem before. Unless you are doing something special on onBeforeHourRender, it will be a problem with the compilation/minification performed by your version of React. React 15 w...

Undo Redo

Answered: OK, I have the script running and incorporated within my scheduler. Much trial and error! I now have another issue. My Scheduler draws its information from an access database. The scheduler then writ...

Multimove and manually snapping to grid

Answered: It is possible to change "start" end "end" properties of the additional selected events in onEventMoving. You can modify the args.multimove[x].start and args.multimove[x].end properties as needed. Ju...

how to select multiple value in form dropdown

Answered: Unfortunately, it is not possible to select multiple options from the drop down list (type: "select" or type: "searchable"). I recommend using a set of checkboxes instead (type: "checkbox").

Can i add heading in daypilot modal

Answered: Yes, you can use one of the following fields: https://modal.daypilot.org/form-title-field/ https://modal.daypilot.org/form-read-only-text-field/ https://modal.daypilot.org/form-html-field/

Vue Calendar component is not exposing its properties and methods

Answered: There is now a Vue Composition API example available in the documentation: https://doc.daypilot.org/calendar/vue-js/ Here is a shortened version that shows how to access the DayPilot.Calendar object ...
Questions 1-20 of 4744 Next