Active Questions

• Calendar events are not aligned when on the same line

  Answered: It looks like this is caused by the custom CSS theme that you are using. I recommend checking the margins, padding, etc. If the purpose of the CSS modification was to create a free space next to the ...

  how-tojavascript

  Asked by Anonymous 2 years ago. 7 replies, last reply 2 years ago.

• How to change css and html of Daypilot

  Answered: You can use custom CSS easily - the best way is to generate a calendar CSS theme online . You can modify it manually as needed. In the open-source version , you can customize the inner HTML of events...

  article-59293-cangular14open-sourcecsstypescriptthemeevent-calendarangularhow-to

  Asked by Nguyễn Công Nhật Minh 2 years ago. 1 reply, last reply 2 years ago.

• How to add "day of week" to the time header day

  Answered: You can customize the calendar column headers using the onBeforeHeaderRender event handler: const calendar = new DayPilot.Calendar("calendar", { // ... headerHeight: 50, onBeforeHeaderRender: args =>...

  how-tojavascript

  Asked by Vincent 2 years ago. 1 reply, last reply 2 years ago.

• UpdateWithMessage change color MessageBox from behind

  Answered: It is not possible with UpdateWithMessage() but you can use Update() to send custom data to the client and display the message bar using JavaScript using a custom CSS class. Hashtable ht = new Hashta...

  how-toasp.net

  Asked by Anonymous 2 years ago. 2 replies, last reply 2 years ago.

• Jalali Calendar

  Answered: The calendar works with a Gregorian calendar internally, and the Jalali/Shamsi calendars are not directly supported. However, in the resources view , the calendar shows just a single day and the date...

  article-62447-copen-sourcejavascriptreact18react

  Asked by aysan 2 years ago. 1 reply, last reply 2 years ago.

• Adding Holidays on for ASP.NET tutorial

  Answered: In ASP.NET WebForms , you can indeed use the BeforeCellRender event. You just need to check whether the current cell falls on one of the defined holidays. Example: // Define an array of holidays priv...

  how-tomvclite

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• weekStarts property non-functional in DayPilotCalendar

  Answered: At this moment, the weekStarts property is not available in the Lite version. However, you can set a custom week start using the locale property. If there is no built-in locale that meets your needs,...

  bugjavascriptlitereactcalendarweekstart

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• Drag Shadow disappears after dragging over updating rows

  Dear Daypilot Developer While working on a project at my company which uses Daypilot Scheduler I came across this weird behaviour. For context the daypilot scheduler would dynamically load the events...

  bugjavascript

  Asked by Manuel (Developer at Smoca AG) 2 years ago. 2 replies, last reply 2 years ago.

• Resources Calendar does not schedule events at all

  Answered: Hi Samir, With the following setup, the resource calendar will display one day on the vertical axis. As the startDate is not specified, it will use the current day for all columns/resources. <DayPilo...

  article-30952-creact18timelinereactcalendarbug

  Asked by Samir 2 years ago. 1 reply, last reply 2 years ago.

• How to show read only calendar

  Answered: Yes, you can disable event moving using the eventMoveHandling property: { eventMoveHandling: "Disabled", // ... }

  article-10748-cjavascriptvuejsvue3event-calendarcomposition-apiappointmentopen-sourcehow-to

  Asked by Noman 2 years ago. 2 replies, last reply 2 years ago.

• PHP Shift planning

  Answered: This error has been fixed recently. Please make sure that you have the latest version (from May 21, 2024): PHP Shift Planning System (JavaScript/HTML5 Frontend, MySQL Database) If the problem persist...

  bugjavascript

  Asked by Anonymous 2 years ago. 5 replies, last reply 2 years ago.

• Same day same time events are overlapping

  Answered: Please take a look at this page: Exact Event Duration Let me know if this is not what you are looking for.

  how-tojavascript

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• Background Color Time Wise

  Answered: You can take a look at this tutorial: JavaScript Scheduler: Disabling Custom Date/Time Ranges It explains how to set color for custom time segments in the Scheduler.

  how-tojavascript

  Asked by Taslim khan 2 years ago. 1 reply, last reply 2 years ago.

• cellmarginbottom seems not to work in DayPilot Lite Monthly Control

  Answered: This property was not supported in the Lite version, but it is now available in the latest release: DayPilot Lite for JavaScript 2024.3.536

  bugjavascriptlite

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• Inconsistent type definition of events in CalendarConfig and MonthConfig (Daily/Weekly Calendar view vs Monthly Calendar view)

  Answered: > in MonthConfig it is defined as “events?: EventData;” This was incorrect, and it has been fixed now in the latest release. > CalendarConfig contains a definition for the function overload “remove(i...

  bugjavascriptlitereacttypescript

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• DayPilot.Gantt: JS errors when moving collapsed children with paths into collapsed parents

  Answered: This issue should be fixed now in the latest sandbox build (2024.3.5966). The Scheduler incorrectly tried to render links to events in hidden row. If there is any problem, just let me know.

  bugjavascript

  Asked by Leo 2 years ago. 2 replies, last reply 2 years ago.

• Business DAYS

  Answered: You can use someting like this (using the options syntax): const calendar = new DayPilot.Calendar("dp", { onBeforeCellRender: args => { const nonBusinessDays = [4, 5, 6, 0]; if (nonBusinessDays.inclu...

  how-tojavascriptlitebusinessdays

  Asked by Chris Tate-Davies 2 years ago. 3 replies, last reply 2 years ago.

• Calendar code in Composition api

  Answered: You can take a look at the following tutorial which uses the Composition API in Vue: Vue Resource Calendar (Open-Source)

  article-10748-cappointmentvuejsjavascriptevent-calendaropen-sourcehow-to

  Asked by Jai Kumar 2 years ago. 1 reply, last reply 2 years ago.

• Modal Button Order

  Answered: The button order is fixed but you can change it using custom CSS: .modal_default_buttons { display: flex; } .modal_default_ok { order: 2; } .modal_default_cancel { order: 1; } You can add images usin...

  how-tojavascriptreact

  Asked by Tomás Santos 2 years ago. 1 reply, last reply 2 years ago.

• Missing daypilot-react.min.d.ts declaration file in NPM package?

  Answered: Seems like they added it several hours after I posted this. This is resolved and everything works perfectly!

  how-tojavascriptlite

  Asked by Anonymous 2 years ago. 2 replies, last reply 2 years ago.