or
0 answers
19 views
Hi,
Having problems getting the spinner portion of the kendoNumericTextBox to show up when width is les than 140px. 150pxs is ok, but at 140px it does not move over to the left it starts getting partially hidden:
I am using Kendo version: 2023.3.1010. Is there a work around so the spinner buttons appear when less than 140 pixels in width? Moving up to a different version at this time is not an option unfortunately.
<table id="date-picker-table">
<tbody>
<tr>
<td class="date-cell" style="width:16%">
<label for="startDate">Start Date:</label>
<input id="startDate" style="width:180px" />
</td>
<td class="date-cell" style="width:19%">
<label for="numb-days">Number of Days:</label>
<input id="num-days" style="width:140px" />
</td>
<td class="date-cell">
<label for="endDate">End Date:</label>
<input id="endDate" style="width:180px" />
</td>
</tr>
</tbody>
</table>Here is the initialization of the control in JavaScript:
$("#num-days").kendoNumericTextBox({
min: 0, // Minimum value
max: 9999, // Maximum value (4 digits)
decimals: 0, // Restrict to integers (no decimals)
format: "n0", // Display format for integers
restrictDecimals: true // Prevent decimal input
});Any work around or quick patch would be awesome.
Regards,
George
George
Top achievements
Rank 3
Bronze
Bronze
Iron
Rank 3
Bronze
Bronze
Iron
asked
on
14 Apr 2025
0 answers
31 views
I am using
kendo.drawing.drawDOMto draw a chart from DOM into a template for exporting as a PDF. However the business want to add the custom parameters into the footer. This works but loses the default page numbering. I understand adding custom parameters overwrites the default params so I would like to know if there is a work around or correct way to do this.. One which will still allow us to correctly number the pages.
$scope.exportOther = function (objId, filename){
$scope.printDt = $.RGMPDate.onParseJSONUIDate(new Date());
const hiddenElement = document.getElementById('griddiv');
hiddenElement.style.visibility = 'visible';
kendo.drawing.drawDOM($(".chart-content-wrapper"), {
paperSize: "A4",
landscape: true,
margin: {
left: "2cm",
top: "2cm",
right: "2cm",
bottom: "2cm"
},
forcePageBreak: ".page-break",
scale: 0.5,
title: filename,
template: kendo.template($("#page-template").html())
(
{
pageNum: "",
totalPages: "",
fBasisSelectedLockedTxt : $scope.fBasisSelectedLockedTxt,
rgod: $scope.printDt,
fTimespanSelectedTxt: $scope.fTimespanSelectedTxt
})
}).then(function (group) {
kendo.drawing.pdf.saveAs(group, filename);
hiddenElement.style.visibility = 'hidden';
});
};
1 answer
208 views
Hello Everyone,
I use Kendo Chat. the user writes a text (promt). this prompt goes to my endpoint and returns a response. i print this response back to the chat, but there is a problem. for example, the incoming text :
"
This is a sample article. Sample text.
Sample text on the second line.
Sample text in the third line.
Sample text in the fourth line.
"
This is what the output looks like when I print it:
"
This is a sample article. Sample text, sample text on the second line, sample text on the third line, sample text on the fourth line.
"
I'm tired of searching for a solution. I can't find it.
My code snippet:
Please help me..
I use Kendo Chat. the user writes a text (promt). this prompt goes to my endpoint and returns a response. i print this response back to the chat, but there is a problem. for example, the incoming text :
"
This is a sample article. Sample text.
Sample text on the second line.
Sample text in the third line.
Sample text in the fourth line.
"
This is what the output looks like when I print it:
"
This is a sample article. Sample text, sample text on the second line, sample text on the third line, sample text on the fourth line.
"
I'm tired of searching for a solution. I can't find it.
My code snippet:
$.ajax({
url: SendPrompt.fmt(encodedMessage, encodedUserName),
async: true,
contentType: 'application/json',
type: "POST",
dataType: "json",
processData: false,
headers: { Authorization: tokenData() },
beforeSend: setHeader,
success: function (data) {
var answer = data.Answer.replace(/(?:\r\n|\r|\n)/g, '\n\n');
chat.renderMessage({
type: "MyText",
text: answer
}, {
id: kendo.guid(),
name: gptName
});
}, error: function (jqXHR, textStatus, errorThrown) {
console.log("Status:", textStatus);
},
complete: function () {
messageTemplate.animate({ opacity: 0 }, 500, function () {
$(this).css({ display: 'none' });
});
chat.wrapper.find(".k-input").prop('disabled', false);
chat.wrapper.find(".k-button-send").prop('disabled', false);
}
});Please help me..
1 answer
38 views
Hello!
Is there a simple way to remove autocomplete from gridfilter?
I want to use filterbox. I need filterbox. But I don't want autocomplete.
https://dojo.telerik.com/hYMEJZcB
Thank you
Neli
Telerik team
answered
on
09 Apr 2025
0 answers
32 views
Hello.
A developer who has purchased and is using a Kendo Chart license with a company account.
I'm going to proceed with development using the Kendo Gantt function this time, but there are some problems.
I'm going to register multiple task in one Row, is there a way?
I've tried several times, but I can't register multiple task in one row.
A developer who has purchased and is using a Kendo Chart license with a company account.
I'm going to proceed with development using the Kendo Gantt function this time, but there are some problems.
I'm going to register multiple task in one Row, is there a way?
I've tried several times, but I can't register multiple task in one row.
1 answer
48 views
Is it possible to force the grid .saveAsExcel() function to maintain the sort order of the columns if the user manually adjusts the sorting?
Neli
Telerik team
answered
on
02 Apr 2025
10 answers
162 views
I am trying to use the PDFViewer for the first time. I am using PDFJS processing. In the examples it is easy to understand including the pdf.mjs and worker.mjs as type='module' along with kendo as type='module'. However, if I understand this correctly type='module' delays loading until after the cshtml page has completed. We use a common layout page that loads required script libraries (including kendo) as part of the page. Other parts of the layout and pages require kendo to be loaded and accessible, so it cannot be changed to type='module' without breaking stuff. Is it possible to load the PDFJS libraries as regular javascript includes rather than modules ?
1 answer
28 views
Hello,
I'm trying to retrieve data from the kendoAutoComplete component, but I'm encountering an issue when the input is hidden.
The happy path works perfectly when the input is visible. For example:
<input id="test">
var data = ["One", "Two"];
$("#test1").kendoAutoComplete({
dataSource: data
});
$("#test1").data('kendoAutoComplete').dataSource.data() // return ["One", "Two"]
However, the problem arises when the input is not visible (e.g., using style="display: none;"). I use the same code, but when I call the data() method, it does not return the original data. Instead, it returns undefined until I make the input visible again and reload the data source. Only then does it start working correctly.
Example:
<input id="test" style="display: none;>
var data = ["One", "Two"];
$("#test1").kendoAutoComplete({
dataSource: data
});
$("#test1").data('kendoAutoComplete').dataSource.data() // return "undefined"
Is there a workaround or specific configuration to ensure the data() method behaves as expected, even when the input is hidden?
Thank you in advance for your assistance!
I'm trying to retrieve data from the kendoAutoComplete component, but I'm encountering an issue when the input is hidden.
The happy path works perfectly when the input is visible. For example:
<input id="test">
var data = ["One", "Two"];
$("#test1").kendoAutoComplete({
dataSource: data
});
$("#test1").data('kendoAutoComplete').dataSource.data() // return ["One", "Two"]
However, the problem arises when the input is not visible (e.g., using style="display: none;"). I use the same code, but when I call the data() method, it does not return the original data. Instead, it returns undefined until I make the input visible again and reload the data source. Only then does it start working correctly.
Example:
<input id="test" style="display: none;>
var data = ["One", "Two"];
$("#test1").kendoAutoComplete({
dataSource: data
});
$("#test1").data('kendoAutoComplete').dataSource.data() // return "undefined"
Is there a workaround or specific configuration to ensure the data() method behaves as expected, even when the input is hidden?
Thank you in advance for your assistance!
Martin
Telerik team
answered
on
26 Mar 2025
1 answer
28 views
Right-clicking a spreadsheet column, it is possible to Hide the column.
However, how can the column be unhidden?
Martin
Telerik team
answered
on
26 Mar 2025
1 answer
33 views
hi!, I have a version that is too old of KUI for Jquery and I updated it to a newer one and I can't find the files kendo.blueopal.min.css, kendo.common.min.css, kendo.dataviz.blueopal.min.css and even the font folder, where can i find it?
