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

Questions Tagged how-to

Using DayPilot.Calendar.makeDraggable and native drag/drop on the same html element

Answered: Unfortunately, the makeDraggable() method can't be combined with the native HTML5 drag and drop API. However, there is now a new registerDropTarget() method available in the latest sandbox build (202...

How can I make sticky date header of Angular Gantt view?

Answered: The horizontal (date/time) header is sticky by default. You just need to set the height properly. For all options, please see the Scheduler height topic in the documentation (the Gantt chart uses the...

Delete on mobile

Answered: You can use an active area with the following properties. This will ensure that the active area will be always visible: visibility: "Visible" Or you can make it permanently visible on touch devic...

Changing cell width without changing the cell duration

Answered: You can do that by increasing the cellWidth value: scale: 'CellDuration', cellDuration: 10, cellWidth: 20, See also: https://doc.daypilot.org/scheduler/cell-width/

FontAwesome

Answered: You can display Font Awesome icons using active areas. That will let you specify the icon position and dimensions. You can include the active areas in the data source (events.list) but it's better to...

More precise event's position

Answered: By default, the Scheduler displays event boxes rounded to the grid cell borders. The exact duration is displayed using the duration bar (if enabled). You can change this behavior using useEventBoxes ...

How to load row axis based on selected items from dropdown by the user

Answered: You need to make sure that the URL used in dp.rows.load() call returns the data correctly. I recommend using browser developer tools (Ctrl-Shift-I or Option-Command-I), the Network tab, to inspect th...

Show calendar with 15 minutes slots

Answered: No, the Lite version only supports 30-minute slots. See also: https://doc.daypilot.org/calendar/time-cell-duration/

load data based on dropdown list

Answered: Please see my answer here: https://forums.daypilot.org/question/5494/how-to-refresh-gannt-chart-based-on-dropdown-values

How to refresh gannt chart based on dropdown values

Answered: The following tutorial includes a project that displays a drop-down list with locations: https://code.daypilot.org/61166/php-shift-planning-javascript-html5-mysql-database When a user selects an item...

How to change color of duration bar based on values in database

Answered: The backend_events.php script should look like this: <?php require_once '_db.php'; $stmt = $db->prepare("SELECT * FROM leave_event WHERE NOT ((leave_end <= :start) OR (leave_start >= :end))"); ...

Task Box Text Color

Answered: You can change the text color using onBeforeTaskRender event: dp.onBeforeTaskRender = function(args) { if (args.type === "Group") { args.data.box.fontColor = "#ffffff"; } }; See also...

Missing Event reference on external drag & drop item

Answered: Solved! Dunno why, but it seems that removing the ID attribute deputies to the AJAX conversion the content is correctly sent to db. If someone could explain me why this trick worked should be great. ...

Reinitialize again Daypilot component or somehow destroy it on new reinit

Answered: There are two options: 1. You can reuse the "dp" instance (and use the update() method to apply the new configuration). 2. Destroy and unbind the old instance by calling dispose(): https://api.daypil...

How to call a daypilot EventClickJavaScript on button click of ASP.NET WEBFORM - C#

Answered: Instead of trying to build the DayPilot.Event object, I recommend changing the ask() function signature so it would accept individual parameters that are available to the button click event handler.

Keyboard navigation from last cell

Answered: With the latest version (https://javascript.daypilot.org/daypilot-pro-for-javascript-2021-3-5070/), you can update the keyboard focus in onEventClick event like this: dp.onEventClick = args => { ...

Is it possible to get the same event of DayPilot on Gridview OnRawCommand ?

Answered: The 'e' variable holds a DayPilot.Event object. You can create it using the constructor: https://api.daypilot.org/daypilot-event-constructor/

How to call a DayPilotCalendar event on button click of ASP.NET ?

Answered: Try this: <asp:LinkButton ID="linkbtn_show" runat="server" Text="Create New Task" OnClientClick="javascript: create('2021-08-16T13:00:00', '2021-08-16T13:00:00', null);" > </asp:LinkButton>

How to auto hide empty/unhide non-empty rows when scrolling horizontally and vertically

Answered: Applying the row filter requires an update of the Scheduler which is not possible during scrolling. However, the latest sandbox build (2021.3.5048) now includes a new rowEmptyHeight property which le...

Summary columns at the end of the Scheduler

Answered: Hi Petr, Unfortunately, it's only possible to display the summary on the left side (in the row headers) at this moment.

Daypilot does not detect window size is changed - content height is not adjusted

Answered: Are you able to reproduce the issue using the project from the "Angular Scheduler: Full Screen Layout" tutorial? https://code.daypilot.org/75104/angular-scheduler-full-screen-layout Please note that ...

Can't get resource.

Answered: Sorry for the confusion: In onEventMoved, you need to use args.newStart, args.newEnd, args.newResource instead. See also: https://api.daypilot.org/daypilot-scheduler-oneventmoved/

Target custom columnheader_cell as rowheadercol with number

Answered: The latest sandbox build (2021.3.5045) now support adding a custom CSS class to the column headers using onBeforeRowHeaderColumnRender event handler. https://javascript.daypilot.org/sandbox/ Example:...

Empy header cell for next columns if treeEnabled = true

Answered: The column content is set in onBeforeRowHeaderRender event handler. You'll need to modify it to exclude parent rows: dp.onBeforeRowHeaderRender = (args) => { // skip parent rows if (arg...

Business hours begins and End where can I set them

Answered: What version of DayPilot Pro do you use? If it doesn't work with the latest version (2021.2.6054), could you please post your config? The following OnInit() seems to work fine with the latest version...

Scroll for X-Axis in top of Scheduler

Answered: The scrollbar position is defined by the browser and it can't be moved. So the answer is no. You might be able to implement your own scrolling logic using scrollTo() and scrollToResource() methods: h...

Drag n drop using cypress for e2e tests

Answered: Cypress isn't particularly good at detecting the layers correctly and this error message ("trigger failed because this element is covered by another element") is often misleading. Adding {force: true...

Get the current date?

Answered: If you want to get the date that was last clicked in the Navigator, you can read the selectionDay property: https://api.daypilot.org/daypilot-navigator-selectionday/ const nav = new DayPilot.Naviga...

Switch resource type for events

Answered: Yes, the best way would probably be to use two scheduler instances and switch between them. You might be able to do it with one instance but the configuration would be more complex. You can also take...

I did Buy the PRO Version but still show demo

Answered: 1. Please make sure that you have replaced the daypilot-all.min.js file with the full version. 2. You may need to force a reload using Ctrl+F5 in the browser. Or add a random string to the script pat...
Previous Questions 571-600 of 3070 Next