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

Questions Tagged typescript

For Database

Answered: There is no specific PostgreSQL tutorial available but you can check the Angular + MySQL tutorials: In order to switch the tutorials to MySQL you'd n...

Display public holidays from date given

Answered: It's necessary to specify the holidays using full date, i.e. you need to specify it for all years that are applicable.

DayPilot.GanttConfig doesn't include onRowCreate

The type definitions of Daypilot.GanttConfig (daypilot-pro-angular 2020.1.4216.) Don't include the function type OnRowCreate Nor is it included in the api docs

Multiple resources header

Answered: The Calendar can display a hierarchy of columns, just use the "children" property to specify child columns. You can also set the date for each column using the "start" property. See also: https://doc...

Customer Event Add Modal

Answered: When the users selects a time range the Scheduler fires the onTimeRangeSelected event: onTimeRangeSelected: args => {; } You can modify the event handler to...

Regarding Date

Answered: Please take a look at this tutorial which shows how to let users change the visible range:

How can i set Day-pilot start and end hours as 8am to 8pm ?

Answered: You can use dayBeginsHour and dayEndsHour properties, please see an example here:

resource calendar

Answered: You can disable selected grid cells to make them unavailable for drag and drop operations: See also the following tutorial that shows how to define ...

Bubble is positioned incorrectly (Angular 2+)

Hi I added dynamic tooltip in daypilot event calendar but the popover is seems to be misplaced. Please have a look at screenshot attached

Filter by Group

Answered: Yes, this is possible: dp.onRowFilter = function(args) { if ( === -1) { args.visible = false; } var parent = ar...

Can anybody explain me how to show bubble in daypilot calendar Angular 6+

Answered: Please see the answer here:

Scheduler Grid HTML File

Answered: The Scheduler grid can be customized using the API, such as onBeforeCellRender event handler (see The full version includes unminified source ...

2 rows for one resource

Answered: It is possible to display two rows for each resource: 1. The resource id needs to be unique. This can be done by prefixing a certain string to the resource id, e.g. "R" + id for reservations rows, "I...

Open source version of Kanban board

Answered: Unfortunately, the Kanban board component is only available in DayPilot Pro (paid version). See also the feature matrix:

Increase the height of the DayPilot Calendar control to fit its parent dynamically

Answered: Please see the following tutorial for a working example (Scheduler with heightSpec set to "Parent100Pct"):

How to switch between the Day,Week and Month view in Angular4

Answered: Please see the following sample project that shows how to implement a calendar with day/week/month views:

Drag and drop into Angular schedular

Hi there Is it possible to drag and drop an external object into the Angular scheduler? Do you perhaps have an example or demo of dragging and dropping from another component into the scheduler?

Angular4 DayPilot question related to click handler

Answered: At this moment Angular templates are not supported in active area HTML. However, a solution is in the works and it will be available within a couple of weeks.

How to render component in event areas's html?

I have tried loading a component (<tw-popover-teams></tw-popover-teams> ) in 'html' of event areas but could not achieve. Please suggest. args.e.areas.push({ right: 6, bottom: 0, left: 0, visibility:...

How to remove default mousedown event on calendar events?

Answered: It's not possible to remove event handlers from the event div. However, you can handle onAfterEventRender event to get access to the event div and customize it. The event consists of two main <div> e...

Cannot use DayPilot.Angular.Modal

Answered: The modal dialog tutorial was created some time ago - the DayPilot.Angular namespace has been deprecated meanwhile. An updated version of the tutorial is now available (it uses Angular 6 and DayPilot...

Hide complete percentage label

Answered: You can customize the task text/HTML using onBeforeTaskRender: config: any = { onBeforeTaskRender: args => { =; // displays task text instead of percenta...

Add new column

Can we add new column with description

Showing Custom Data

Answered: The Scheduler requires the key data (such as event start, end, id) to be stored in specific properties. You need to transform your data items to match the required structure. You can use map() to do ...

Angular 6 error

Answered: Martin- Angular 6 requires DayPilot Pro version 2018.2.3281 or later: I'm not able to reproduce the error with that version. T...

DayPilot Context menu submenu

Answered: This was caused by a missing "items" property in the TypeScript definition of MenuItemData interface. It's now fixed in the latest sandbox build (2018.2.3283). Please let me know if it doesn't work a...

Disable event overlap

Answered: The Scheduler can prevents overlap during drag and drop operations ( However, if you need to check the validity of the input values in a modal dial...

Move event

Answered: Please ignore this question. I have found the issue, there is something wrong with my loadEvent function. The system requires array of objects(something likes [{123},{124}]), however I sent array of ...

How can I custom my css style for modal popup?

Answered: Please see my answer here:

Change the position of CreateEvent

Answered: Unfortunately not. The current implementation of the modal dialog (the Angular version) doesn't support customization of the position. It's always fixed at the top, with the height set automatically ...
Questions 1-30 of 49 Next