or
1 answer
40 views
I am trying to implement a way for resuming a chunk file upload based on the last successfully uploaded index (assuming that the .remove() functionality was not used to delete the previous attempt from the server). ChatGPT seems to think this is possible by setting chunkIndex property of e.data in the upload function, but that doesn't seem to affect the starting index based on the ChunkIndex passed in the MetaData property of the subsequent API call. Is there a way to set the starting index of a chunk upload?
Neli
Telerik team
answered
on
15 Nov 2024
5 answers
269 views
What are the alternative approaches to using script tags to house templates?
If you have a <script id="bla" type="text/x-kendo-template"> tag in a partial and try to render it in your main view with either Html.Partial or Html.RenderPartial, it seems that Razor messes around with those script tags somehow.
It's that, or the browser doesn't like the fact that I'm embedding one script tag within another. The reason I'm doing this is because the outer script tag is used for a Kendo View template/content. The inner script tags are templates for a Grid.
?
3 answers
1.1K+ views
How to create Alignment of Column Text Header at Middle of merge Row
See Picture
1 answer
33 views
Hi,
Can we customize the hyperlink dialog in your editor?
Neli
Telerik team
answered
on
07 Nov 2024
1 answer
48 views
Is it possible to prevent script/code injection with the "Drag and Drop" feature? It seems text is encoded when displayed but executed on drag and drop. I only tested this with the Grid and TreeList components.
Nikolay
Telerik team
answered
on
06 Nov 2024
0 answers
32 views
I'm wondering if the Kendo JQuery ListView supports grouping and endless scrolling at the same time. I modified your example Dojo to include both, however, the rest of the list never loads. Am I doing something wrong or is grouping not supported with endless scrolling?
1 answer
137 views
Hi,
I am trying to use the Kendo UI kendoDatePicker but I am not seeing the button that opens up the calendar? Must be missing something? Here is what I am using:
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="css/site.css" asp-append-version="true" />
<link rel="stylesheet" href="Kendo/2023.3.1010/styles/bootstrap-3.css" />
<link rel="stylesheet" href="Kendo/2023.3.1010/styles/bootstrap-main.css" />
<link rel="stylesheet" href="FontAwesome/font-awesome-4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="styles/jquery_1.12.0-rc2/jquery-ui.min.css" />
<!-- JAVASCRIPT -->
<script type="text/javascript" src="jQuery/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="Kendo/2023.3.1010/js/jszip.min.js"></script>
<script type="text/javascript" src="Kendo/2023.3.1010/js/kendo.all.min.js"></script>
<script type="text/javascript" src="Kendo/2023.3.1010/js/kendo.timezones.min.js"></script>
<script type="text/javascript" src="scripts/jquery-ui.min.js"></script>Here is the code in my JavaScript file:
$("#startDate").kendoDatePicker({
value: _view.get("startDate"),
change: function () {
var value = this.value();
var submitVal = kendo.toString(value, "yyyy-MM-dd");
/* The result can be observed in the DevTools(F12) console of the browser. */
console.log("START DATE: " + value + " AFTER kendo.toString: " + submitVal); //value is the selected date in the datepicker
}
});I am just getting the field with the date inside of it now, no calendar selection button:
Here is a screen shot of my HTML code:
Thanks!
George
Nikolay
Telerik team
answered
on
30 Oct 2024
0 answers
50 views
I have a kendo grid utilizing local data (returned in a single api call). I need to virtualize this grid because there are thousands of rows. I also need the grid to be grouped and have group footers. I tried to follow the instructions here but I end up with only 1 group when I add virtualization. I created a Sample Dojo with 500 Items. This is my actual code. I modified the variables in the Dojo to match the sample data available:
$("#actualsGrid").kendoGrid({
dataSource: {
data: actualsData,
pageSize: 20,
transport: {
read: function (e) {
e.success(actualsData);
}
},
schema: {
model: {
id: "InvoiceID",
fields: {
InvoiceID: {
type: "number",
},
Account: {
type: "string"
}
}
}
},
group: {
field: "Account",
aggregates: [
{
field: "Amount",
aggregate: "sum"
}
]
}
},
columns: [
{
field: "Account",
title: "Account",
width: 200
},
{
field: "Date",
title: "Accounting Date",
width: 100
},
{
field: "Description",
title: "Description",
width: 200
},
{
field: "Amount",
title: "Amount",
width: 100,
groupFooterTemplate: ({ Amount }) => `${Amount.sum}`
}
],
height: 300,
pageSize: 100,
//scrollable: true,
scrollable: {
virtual: true,
height: "400px",
},
pageable: {
numeric: false,
previousNext: false,
messages: {
display: "Showing {2} data items"
}
},
});
3 answers
90 views
Hello,
Kendo UI for jQuery doesn't work at all on iPad Mini 4 (iOS 12.4) after version 2024.1..319 I have also tested on IOS 13 and seems to be problem here as well. All newer versions of iOS work correctly.
More specifically kendo versions:
- 2023.3.1114 Works correctly
- 2024.1.130 Works correctly
- 2024.1.319 Produces an Error (kendo.version is undefined)
- 2024.2.514 Produces an Error (kendo.version is undefined)
- 2024.3.806 Produces an Error (kendo.version is undefined)
- 2024.3.1015 Produces an Error (kendo.version is undefined)
I've created a dojo just to show the kendo.version and I tested on online test environment.
https://dojo.telerik.com/HKrcQCJW
On attached screenshots you can find the error on 2024.1.319 and how it works correctly on 2023.3.1114 & 2024.1.130.
Please advise.
Regards
Martin
Telerik team
answered
on
29 Oct 2024
0 answers
38 views
I am trying to output the contents of a webpage to a PDF using the below. Here is a simplified example that demonstrates my problem: https://dojo.telerik.com/FsiNAoUB/2
My actual webpage contains a few paragraphs of information in divs and a few tables. The tables can be wide so I am using the kendo.drawing.fit so everything looks good on the PDF.
With the kendo.drawing.fit, the PDF outputs the page very nicely, all the objects fits well on the PDF.
But the problem I have is that the header and footer templates do not work when using kendo.drawing.fit. Meaning, no header or footer appears in the PDF. But the objects do appear as desired.
If I remove the kendo.drawing.fit, the header and footer templates work again, but the output does not look as good. The grids are too wide etc...
How can I get the below example working with header and footer templates?
More information:
If these setting are set here: "kendo.drawing.drawDOM("#grid", {paperSize: "A4",margin: "3cm",template: $("#page-template").html()......."
-All the pages of the PDF are placed on top of each other on 1 single page. For example instead of 3 pages in the PDF, there is only 1 page because each page is "printed" on the same page, on top of each other. However, the header and footer templates do print on the PDF.
Here is an example PDF:
If these setting are set here: "return kendo.drawing.exportPDF(content, {paperSize: "A4",margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" },template: $("#page-template").html()});"
-The PDF appears as desired but there are no header or footer templates.
kendo.drawing.drawDOM("#grid", {
paperSize: "A4",
margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" },
template: $("#page-template").html()
}).then(function(group){
//Adding this forces all the pages of the PDF to overlap onto 1 page
var PAGE_RECT = new kendo.geometry.Rect(
[0, 0], [mm(210 - 20), mm(297 - 20)]
);
var content = new kendo.drawing.Group();
content.append(group);
kendo.drawing.fit(content, PAGE_RECT)
//
return kendo.drawing.exportPDF(content, {
//paperSize: "A4",
//margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" },
//template: $("#page-template").html()
});
})
.done(function (data) {
kendo.saveAs({
dataURI: data,
fileName: "filename.pdf",
//proxyURL: "myurl/Test/"
});
});
