Questions on Kendo UI for jQuery Forum

1 answer

397 views

Trouble with Custom Download Builder, with version 2022.1.119

Hi, we have an issue with the custom download and the new version 2022.1.119.

https://www.telerik.com/download/custom-download

When we hit "select all" on "framework" and "web", and we copy-paste the generated scripts, 4 of them have errors, and nothing works.

Look at this on the dojo

https://dojo.telerik.com/@foxontherock/OyuziJuc

Errors:
Uncaught TypeError: Cannot read properties of undefined (reading 'renderCheckBox')
Uncaught TypeError: Cannot read properties of undefined (reading 'renderButton')
Uncaught TypeError: Cannot read properties of undefined (reading 'renderRadioButton')
Uncaught TypeError: Cannot read properties of undefined (reading 'common')

General Discussions

answered on 28 Jan 2022

1 answer

124 views

Testing tools for various Browsers

Hi All, Looking for some information.

I now have a site up and running using KendoUI and I am getting reports about problems with different browsers. I do my initial testing using Crome and IE9, then I try to test on different version of IE and it's browser/document modes and compatibility view, plus firefox....
Then add in mobile devices and it get rather difficult to manage. Plus have to get all the hardware/software configurations to test with.

Right now I am working on a problem with IE8 in compatibility view (or is it not in compatibility view, because I have to rely on user's reports) where the KundoUI Datepicker is not working.

My question is: What tool(s)/methods are being used to test a page/site on the various browsers and variants of browsers?
I found one site (crossbrowsertesting.com) that will take screen shots using a number of different browsers. But I need more then that. For example: I need to select a date from a date picker drop-down and verify that it's work on all configurations.

Any help?

George

General Discussions

updated answer on 27 Jan 2022

1 answer

816 views

Kendo validation for kendo picker message not removing when is correct?

Hi i needed some help as my kendo picker not able to clear the error message when the date format is correct

        $(function () {
     
                 var viewModel = kendo.observable({
                     selectedDate: new Date(),
     
                 });
                 kendo.bind($("#change-date-collection1"), viewModel)
     
                 $("#change-date-collection1").kendoValidator({
                     rules: {
                         // Implement your custom date validation.
                         dateValidation: function (input, params) {
     
                             if (input.is("[name='date']") && input.val() != "") {
                                 
                                 var date = kendo.parseDate(input.val(), "dd/MM/yyyy");
                                 if (date) {
                                     return true;
                                  
                                 }
                                 return false;  
                                 
                             }
                             return true;
                         }
                     },
                     messages: { //custom rules messages
                             // Return the message text.
                            dateValidation: "Not a valid date in dd/MM/YYYY format!",
                     }
                 });
             })

I want the messages to be remove or hide when it is correct but somehow i not able to

DatePicker

answered on 26 Jan 2022

1 answer

840 views

Kendo Numeric Text Box Out of Range Changing to Min or Max

I am trying to use the kendo numeric text box (jquery), however I'm having an issue. I'm using the text box to collect the user's year of birth. This can realistically be a value between 1902 and 2022 (the current year). I set the min to 1902 and the max to 2022. The user can also choose to leave this field blank and not provide a year of birth. When a user types 19 into the field it changes it to 1902. I don't want this as the likelihood that the user's year of birth is actually 1902 is very small. Instead I would like it to blank the field out. I have tried getting rid of the min and max values but then the up/down arrows become virtually useless since the user would have to click up 1,902 times just to get to a valid value. How can I keep the up arrows starting at 1902 and ending at 2022 while also not having kendo change the value to the min or max?

I have seen a few other posts on the topic that are old and the issue was never properly addressed.

NumericTextBox

answered on 26 Jan 2022

4 answers

375 views

Context Menu - Randomly get Browser's menu

I am using a Kendo Context Menu on a treeview and some other divs on the page.

Occasionally, when right clicking, I get the browser's right click menu when right clicking. Its not often, but does occur in both IE11 and Chrome. (probably 1 out of every 20 times with IE, 1 out of every 30 times with Chrome)

I've tried to narrow down when it happens by clicking in different areas of the treeview items, but there doesn't seem to be a pattern. The menu is simple: only a couple items, and is not dynamic.

I'm guessing kendo uses oncontextmenu - so this is a browser issue. I'm just seeing if you have ever seen this issue, and if there is anything that can be done to avoid it. (or do we just have to accept it)

Menu

updated answer on 25 Jan 2022

1 answer

204 views

Spreadsheet - Check if the row is hidden

Hi,

Is there any api that i can use to check if the row in the spreadsheet is hidden? TIA.

Regards,

Brian

Spreadsheet

answered on 25 Jan 2022

1 answer

318 views

Kendo grid Editing custom editor

Hello,

I'm using the Kendo Grid with Editing custom editor like the doc Edit custom but I have a real problem when I click on the "add button" there's no focus on the first column's new row.

I have the Datasource :

let DataSource = new kendo.data.DataSource({
        data: data,
        autoSync: true,
        schema: {
       }
})

And the grid

$('#grid').kendoGrid({
        dataSource: DataSource,
        pageable: false,
        height: 550,
        toolbar: ["create"],
        columns: [],
        editable: true
})

Of course schema and column are good with fields and model.

However when I add a new record, there's a new row but there's no focus on the first column input which have { validation: { required: true } }.

If I remove autoSync: true, I have the good action, and I focus out the error message display but I want to save when the focusout is fired on the field..
I don't understand why it's not working but if someone can help me it will be nice because I made it again and again whithout finding the solution (listening events 'Edit', 'BeforeEdit', 'EditRow' & 'EditColumn' but it only work with "inline" or "popup" edit mode, or trying to focus on the first column's new row when the add button is fired).

Hope you see my problem.

Regards

Data Source

Grid

answered on 25 Jan 2022

1 answer

397 views

Dropdown list in spreadsheet

Hi,

How do I set a dropdown list in the spreadsheet control cell manually? I will specify the list via the UI, I do not want to inputting the cell with the json injection.

TIA.

Regards,

Brian

Spreadsheet