Questions Tagged lite
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...
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,...
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...
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 (no...
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
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 to ensure that the calendar fills the entire HTML page?
Answered: Unfortunately, setting the calendar height to 100% of its parent is only supported in the Pro version at the moment.
Event drag not working in corner cases in JavaScript Lite version
Answered: There was a bug in the calculation of the grid boundaries. It’s fixed now in the latest sanbox build (2024.2.525): https://release.daypilot.org/changes/jslite/ Test: https://jsfiddle.net/ucvksntf/4/
Time is getting lost ...
Answered: If you don’t specify the field type explicitly, the modal dialog form will use a date field when dateFormat is specified. If you want to use the full date/time value I recommend using the date/time f...
daypilot-lite-angular allowEventOverlap=false
Answered: Unfortunately, the real-time event overlap protection is not supported in the Lite version at the moment. It is only available in the Pro version (see also the feature matrix). However, you can check...
select form with remote search
Answered: oeps i see you can change it to type: "searchable", so that works :-)
Cannot install DayPilot in my current Angular application
Answered: It looks like Chrome has started to report certain code as an error, even though it was acceptable before. It will be fixed shortly.
Cannot set property document of #<Window> which has only a getter in Nuxt
Answered: This issue should be fixed now in the latest release (version 2024.1.519/3.20.1): https://javascript.daypilot.org/daypilot-lite-for-javascript-2024-1-519/ Please let me know if the problem persists.
Calendar control; showing only busniess hours
Answered: The MVC Lite (open-source) version is no longer under active development. I recommend switching to the JavaScript Lite version. The JavaScript version lets you set the Calendar height to show only bu...
How to add style to cells
Answered: In the Pro version, you can use the onBeforeCellRender event handler to customize the calendar cells - you can add custom CSS class to selected cells or modify the appearance directly. Unfortunately,...
How can i style modal pop-up
Answered: You can either override selected styles of the built-in theme or create a custom theme and apply it using the theme property: const modal = await DayPilot.Modal.form(form, data, { theme: "my_theme" }...
how to disable single eventmoving and resizeing
Answered: At this moment, you can disable event moving and resizing for individual events only in the Pro version (using moveDisabled and resizeDisabled properties of the data object or using the onBeforeEvent...
daypilot lite API
Answered: Both onEventClick and onEventClicked are available in the Lite version. You can verify the availability of feature in the Lite version in the feature matrix or using the TypeScript definitions that a...
Tags and cssClass properties
Answered: Both the tags and cssClass properties are available in the Lite version as well. You can find a full list of available event properties in the API docs for DayPilot.Event.data object. These propertie...
The ToolTip isn't working in DayPilot.Calendar
Answered: Yes, there turned out to be a problem with the tooltip for calendar events. It should be fixed now in the latest sandbox build (2023.3.485): https://javascript.daypilot.org/sandbox/lite/
Event Calendar, resource view: days on Y-axis
Answered: At this moment, the Calendar can only display hours on the vertical axis.
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...
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 ...
Recurrent events
Answered: You can display recurrent events (and add the necessary icons) but you need to handle the recurrence definition and storage on the server side. The calendar needs to receive the individual occurrence...
Honoring grid layout
Answered: This seems to be caused by the wrapper divs that you use to display the columns for DayPilotNavigator and DayPilotCalendar. The tutorial uses "display: flex" to arrange these components but your code...
How to not show non business Hours in DayPilotCalendar
Answered: You can hide non-business hours using the heightSpec property:
const calendar = new DayPilot.Calendar("dp", {
heightSpec: "BusinessHoursNoScroll",
//...
});
calendar.init();
See also: htt...
update is Undefined (Calendar)
Answered: The value of "this.$refs.calendar" will be null before the component is mounted. That means the computed "calendar()" method will return null as well. If you call "loadEvents()" too early it will thr...
Change Hour Format
Answered: You can hide the minutes using CSS:
.calendar_default_rowheader_minutes {
display: none;
}
Calendar Customization
Answered: It is possible to modify the appearance using CSS. You can either override the built-in CSS theme for selected elements or you can create a custom CSS theme (https://themes.daypilot.org) and adjust i...
error with computed function (Calendar)
Answered: The $refs values will only be accessible after the component is mounted. Before that, this.$refs.calendar (or any other $refs value) will be undefined and you will see this error. 1. If you move your...
Questions 1-30 of 411
Next