or
1 answer
20 views
Hi,
I was wondering if it was possible to display an image as a response in the Chat control? For example, respond with a png to a users question as oppose to a textual respone. I noticed the renderAttachments method but I am not sure if that is the correct approach.
Thanks,
Euan
Neli
Telerik team
answered
on
18 Nov 2024
1 answer
21 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
203 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.0K+ views
How to create Alignment of Column Text Header at Middle of merge Row
See Picture
1 answer
19 views
Hi,
Can we customize the hyperlink dialog in your editor?
Neli
Telerik team
answered
on
07 Nov 2024
2 answers
31 views
my onclick event not firing after grid sort.
grid columns markup
columns: [
{
field: "", title: "", width: "150px", attributes: { "class": "ps-0" }, template: function(dataItem) {
var actionHtmlContent = '';
if (dataItem && dataItem.canEdit) {
actionHtmlContent += '<a class="btn btn-link" href="' + contactDetailLink + '/1/' + dataItem.id + '">';
actionHtmlContent += '<em class="material-icons material-edit" style="color:#0D4EA2;"></em>';
actionHtmlContent += '</a>';
}
if (dataItem && dataItem.canDelete) {
actionHtmlContent += '<a class="btn btn-link delete-button" title=" " aria-label=" " href="?AppContactID=' + encodeURIComponent(dataItem.id) + ' &handler=Delete">';
actionHtmlContent += '<em class="material-icons material-delete" style="color:#0D4EA2;"></em>';
actionHtmlContent += '</a>';
}
return actionHtmlContent;
}
},
{ field: "salutation", title: "Salutation", width: "130px" },
{ field: "fullName", title: "Full Name", width: "200px" },
code to attach onclick
$(".delete-button").on("click", function () {
return confirm('Are you sure you want to proceed?');
});
my js tag has nounce, thus i can't add the event listener to the html tag itself.
after i sort the grid, when user click on the .delete-button the confirm popup is not showing
1 answer
25 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
19 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
32 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
22 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"
}
},
});
