Hello,
question about a calendar/scheduler capability. Something that is a regular feature of a service like calendly for instance.
We have a use-case where a user would schedule a series of meetings (eg. interviews), covering a specified period (eg. 2 weeks) and business hours for meetings (eg. 9am - 3pm). Then the user sends an invitation to say 50 people asking them to book their times (eg. 1 hour) .
Their calendar gets updated as the invitees keep booking their meetings and they always see the latest view of what is booked and what isn't.
This saves the user scheduling the meetings having to follow up with everyone and do it one by one., so basically invitees do the work.
Does Kendo UI Calendar/Scheduler support meeting invitations like this out of the box, or it would have to be a custom programmed view?
Thanks much, appreciate your help.
Dan
Hello I am trying to get this type of bar chart. can you provide a example of how to show category name will be shown top on bar.
I like to bind to this JSON below. De JSON should fill the dropdownlist. The first item would have a value of 0 and a text of Unknown.
{
"0": "Unknown",
"1": "Not executed",
"2": "Not reported",
"3": "Executed and Reported",
"4": "Not to be executed",
"select": null,
"table": null
}
But somehow the dropdownlist only accepts JSON like:
[
{ "value": 0, "text": "Unknown" },
{ "value": 1, "text": "Not executed" },
etc.,
]
Is it possible to configure the ddl with the most above JSON?
Hi,
I need to select multiple rows in a kendo grid and move them inside the grid to reorder them.
I'm using kendoSortable
grid.table.kendoSortable({
filter: ">tbody >tr",
hint: function (element) {
//customize the hintvar table = $(
'<table style="width: 600px;" class="k-grid k-widget"></table>'
),
hint;
table.append(grid.select().clone()); //append the dragged element
table.css("opacity", 0.7);
return table; //return the hint element
},
cursor: "move",
placeholder: function (element) {
return $('<tr colspan="4" class="placeholder"><td colspan ="' + grid.columns.length + '">Drop here</td></tr>');
},
change: function (e) {
console.log(grid)
var selectedId = [];
grid.select().each(function(){
selectedId.push(this.getElementsByClassName('idCompOperation')[0].innerText);
});
// do some stuff
}
});
In the change function I can get the multiple elements selected and change the order of them in the datasource but visually only the first column selected is moved in the table iven if I refresh the grid
Select 2 rows:
Drag to the beginning of the table
Just the first of the 2 rows is moved the other remains at the bottom
How can I do?
Thanks Mik
At the moment we are using Kendo UI Scheduler for jQuery. We like to add days off. We implemented business hours & weekends and that is working fine. We like to do the same but only on certain dates at certain hours. I found already something on the internet but I like to use standard functionality. If there is no standard for this, I like to add it as a wish.
Roel
I have grid with date columns start_date, end_date and status_date. I defined column as
columns : [
{
field: 'start_date',
title: 'Start Date',
format: '{0:dd-MMM-yyyy}'
} ,
{
field: 'end_date',
title: 'End Date',
format: '{0:dd-MMM-yyyy}'
} ,
{
field: 'status_date',
title: 'Status Date',
format: '{0:dd-MMM-yyyy}'
} ]
When I bind data at first time date formatted DD-MMM-YYYY (i.e. 01-Jan-2018) seems right. But when I'm trying to reset data the format has changed to DD-MM-YYYY (i.e. 01-01-2018).
var data = results;
var grid = $("#grid").data("kendoGrid");
grid.dataSource.data(data);
Please help to fix this. Thanks
Hi guys
I have a treeview which has some rules about the exact location that certain nodes can be dragged to.
I have been working through the logic and getting there, except I cam across this challenge
If I have 3 nodes and the same level and drag a new node between them
Node1
drag position a
Node2
drag position b
Node3
It appears that if the mouse is closets to Node2 at both drag position A and B, I can get the same drag events.
To be clear, dropTarget = 'Node2' and status is 'i-insert-middle' can happen at both Drag A and Drag B if the mouse is closest to Node2.
I think easiest demonstrated in this simple Dojo I have filtered out all events other than target for the second node and insert middle events.
drag and drop drag events
Dragging on each side of the second node can give the same drag events as per attached screen shots which show the same events for the different locations. of the drag
How can I determine where the exact location the user is dragging to? ( before they do it , so I can deny or allow)
Many thanks
Rob
I am using Telerik Kendo File Upload for uploading folder. In Production environment, few users are complaining issue with Folder Upload, during upload few files get errored out, using Developer tool in the console tab it logs "ERR_HTTP2_PROTOCOL_ERROR" error as attached for the failed files.
When i am trying i am not getting this error and all folders are getting uploaded properly. I asked user to share the files for which they are facing error and when i tried it uploaded successfully. When user tried again uploading same files which errored out it got succeeded today which were failing yesterday but sill there are files which is giving the same error.
I went through a post where it say the problem could be due to use of HTTP/2 and when they switched to HTTP /1.1 it worked fine. We are also using HTTP/2 but we don't have option of going back to HTTP/1.1. Link below :
https://www.telerik.com/forums/problems-with-multi-file-upload-and-http-2
Any suggestions ?
Hey all I need a hand here. I've been at this for a few hours now and I just can't find how this code is bringing back the old value(s).
const onCheck = (e) => {
let listBox = $("#Sources").data("kendoListBox"),
treeView = $("#availableSources").data("kendoTreeView"),
selection = [],
getSelection = (items) => {
items.forEach(item => {
if (item.hasChildren) {
getSelection(item.items);
} else if (item.checked) {
selection.push(item);
}
});
};
if (e.node.attributes[3].value == "false") {
listBox.remove(listBox.items());
$("#Sources option[value='" + listBox.dataSource._data[0].value + "']").remove();
//selection.pop(listBox.dataSource._data[0]);
} else {
getSelection(treeView.dataSource.data());
if (selection.length) {
selection.forEach(item => {
listBox.add({
text: item.text,
value: item.id
});
});
}
}
}
As an example say I checked the item Github and it places it into the listbox just fine. It also adds the ID of the item to the hidden select component.
Now say I uncheck that item now:
Great! It removed the item from the listbox and also from the hidden select component. However though, when I chose another item, say GitHubIssues I am presented with not only that item in the listbox but the pervious item is placed into the select component.
It has the correct item in the listbox but I am unsure as to why its keeping the previous value(s)?
First, thank you and your team for the update. I know how large of a project these can be. Your team does wonders.
I just updated my development suite to R2-2021 SP1. During your setup wizard you are given the choice to "Create Desktop Shortcuts". It appears this release has a minor bug in that the "HTML Demos - Kendo UI for jQuery R2 2021 SP1" ignores this preference setting. It creates a desktop shortcut even when told not to. :-}
Obviously you have larger fish to fry but in your quest for perfection please patch this bug. Having to delete one shortcut is obviously easier than 19 or more icons.
Thanks again for the update.