I have a grid that has filtering enabled on each column. When I call AutoFitColumn(), the columns size correctly to accommodate the data, but some are too narrow to show the heading. I don't know if this is related to the fact that the filtering icon also displays in the column heading, or if the heading text is simply ignored altogether when doing the autofit.
The problem is obvious: Having a column named "Sca..." isn't as useful as having one named "Scanned Date" and this actually destroys the case for using AutoFitColumn in the first place.
Is there a decent workaround for this?
Dear colleagues.
I have 2 different kendo UI JS-configured grids - one is pure, other is compiled with webpack.
So the pure JS displays correct icons for column headers.
Webpacked JS -- wrong top-aligned icons.
What's wrong with webpacked one? The codes are similar.
Any clues of the issue? Please.
i want to display some menu items in a drawer.
The items comes from database.
is possible to put a treeview (or other objects) inside a Drawer ?
there is any example?
thanks.
Hi, I noticed that when we try out the following sequence,
we get a corrupted excel file on export.
Go to https://dojo.telerik.com/IcoRol
Open the excel file (Attached to this thread)
Export to excel
Result: Corrupted Excel file
I have pinpointed that the issue is related to a filter in
my excel sheet. I’ve added a filter on a column, sorted from A to Z and that’s
when the export issue started occurring. The bad part about it is, once my file
contained a filter, even if I remove that filter, the end result will be that
on export, it generates a corrupted excel file.
Thanks,
Maxime
Hi,
I using Kendo Jquery to export .pdf a content of div have fomat as bellow :
<div class ="row" id="exportpdf">
<div class="col-6">
<div id="grid1"></div>
</div>
<div class="col-6">
<div id="grid2"></div>
</div>
</div>
picture in attachment file.
How do export with this layout to .pdf.
Many thanks !
I'm looking at https://demos.telerik.com/kendo-ui/menu/context-menu and have a question about this piece of code:
var
menu = $(
"#menu"
),
original = menu.clone(
true
);
original.find(
".k-state-active"
).removeClass(
"k-state-active"
);
$(
"#apply"
).click(
function
(e) {
e.preventDefault();
var
clone = original.clone(
true
);
menu.getKendoContextMenu().destroy();
clone.appendTo(
"#example"
);
initMenu();
});
It clones the menu, it removes the active selection marker from any selected elements and then attaches a click event to all elements with Id = "apply".
But there are no apply elements in the code sample? And running this from the dojo with that code commented out seems to yield the same result.
Is it an example of how to handle context menus on other elements I might choose to put on that page? (but also for left-click though..?)
Get gantt From Kendo UI Custom Download - 2020.2.617.
1. When installing the package "@progress/kendo-theme-bootstrap@4.18.0", the left tree and the grid on the right are detached.
2. When installing the package "@progress/kendo-theme-bootstrap@4.17.0", the height of the progress bar on the right is not aligned.
Please refer to the upload file.
Because it is urgent, please let us know if it can be repaired in a short time .
I need a kendo confirm dialog that returns a value.
If OK button is clicked then i need to perform some actions.
If Cancel button is clicked then do nothing.
I have a kendodialog function already created with "OK" and "Cancel" button but it does not behave the way I expect it to behave.
I need the code to wait till the user selects a respoonse and not do any other processing till a user selects any input which would be the case for a normal javascript confirm dialog.
Any example demonstrating the same would be extremely helpful.
01.
if (displayConfirmDialog("Do you want to continue ?")) {
02.
// do something if function returns "TRUE" i.e. the OK button is clicked
03.
}
04.
05.
// Test function
06.
function displayConfirmDialog(contentText) {
07.
var response = false;
08.
let dialogDiv = $('<
div
/>').appendTo('body');
09.
dialogDiv.attr('id', 'displayDialog');
10.
$("#displayDialog").kendoDialog({
11.
width: "450px",
12.
closable: false,
13.
modal: true,
14.
content: "<
p
id
=
dialogContent
>" + contentText + "</
p
>",
15.
buttonLayout: "normal",
16.
actions: [
17.
{
18.
text: "Ok",
19.
action: function (e) {
20.
closeAndDestroyNotificationDialog(e.sender);
21.
response = true;
22.
},
23.
primary: true
24.
},
25.
{
26.
text: "cancel",
27.
action: function (e) {
28.
closeAndDestroyNotificationDialog(e.sender);
29.
}
30.
}
31.
],
32.
})
33.
34.
$(".k-window-titlebar").addClass("warningDialogTitleBar");
35.
$(".k-dialog-title").addClass("warningDialogTitle");
36.
37.
return response;
38.
}