I have jQuery and kendo versions set to 2013.3.1119. Kendo Grid shows up but sort, search, selection seems to be breaking. Unfortunately, I cannot upgrade.

there is another way to include grid is using HTML table, can I accomplish using this in older versions !

what can I do with this ? 

Thanks

I have two Kendo Time Pickers on my page. Both are optional but I want to prompt the user to input the value in the format hh:mm am/pm. I want to use the KendoValidator to validate that the values are either empty or contain a valid time. Also, for the second input (end time), a valid time must exist in start time and it cannot come before the start time.

The first issue I am running into is that when using the dateInput: true option to enforce the format it is sending the string "hh:mm am/pm" to the validator as the date when the user enters nothing. Since this is not null it tries to validate it which it of course fails since "hh:mm am/pm" is not a date. This is also causing an issue with validating the required attribute on the startDate. 

Another issue would be that this gets passed to the server as the invalid date string which would potentially cause issues on the back end.

Finally, when I do not enter a start date at all it should trigger the required message but it is not. 

How can I solve this issue? Here is what my code looks like at the moment:

Initialize Time Pickers:

$.each($(".js-time-picker"), function (index, picker) {
    let id = $(picker).attr("id");
    timePickers[id] = $(`#${id}`).kendoTimePicker({
        dateInput: true,
        format: "h:mm tt",
        parseFormats: "HH:mm",
    }).data("kendoTimePicker");
    timePickers[id]._dateInput.setOptions({
        messages: {
            hour: "hh",
            minute: "mm",
            dayperiod: "am/pm"
        }
    });
});

Validator: 

$(document).ready(function () {
    myValidator = $("#myForm").kendoValidator({
        rules: {
            timeValidation: function (input) {
                if ($(input).hasClass("js-time-picker")) {
                    var validDate = kendo.parseDate($(input).val());
                    if (!validDate) {
                        return false;
                    }
                }
                return true;
            }

        },
        messages: {
            required: "Required",
            timeValidation: "Invalid Time"
        },
        validateOnBlur: false
    }).data("kendoValidator");
});

HTML:

            <div class="form-element">
                <label id="startTimeLabel" for="startTime">Start Time</label>
                <input id="startTime" name="startTime" class="js-time-picker" required validationMessage="Invalid time entered" aria-labelledby="startTimeLabel" />
                <span class="k-invalid-msg" data-for="startTime"></span>
            </div>

            <div class="form-element">
                <label id="endTimeLabel" for="endTime">End Time</label>
                <input id="endTime" name="endTime" class="js-time-picker" validationMessage="Invalid time entered" aria-labelledby="endTimeLabel" />
                <span class="k-invalid-msg" data-for="endTime"></span>
            </div>

Hi, 

We have some additional code on databound of our scheduler, but in reality we simply use slotByElement to retrieve slot and apply additional css class.

During testing, we have discovered issue - when browser is at zoom level of 75 or 80% method slotByElement returns null.. This basically breaks our code and scheduler is not rendered correctly after. (seems that slotByPosition called within slotByElement is broken)

I was able to reproduce issue on the dojo:

https://dojo.telerik.com/iSETiyAW/13

Note message This is null in kendo Console.

We have observed the same behavior in our app.

We used latest Chrome browser for testing.

If there is anything else I can do, please let me know.

Best regards,

Vedad

Hello

I need to change the pager dropdown from left side to right side of the pagination section as below.

I am able to change that by applying some css, but the position of the dropdown changes whenever I zoom in or zoom out.

Is there any in-built function available without updating the css, so that the dropdown stick to the same position even-though I zoom in or zoom out?

Thanks in advance.

Vignesh

I am trying to disable the drag/drop within the treeview (as in the user wont be able to move any items anywhere inside the treeview). However I am not coming up with a solution for this issue.

I still want the user to be able to drag/drop an item that's inside the treeview over to my listview box as well as drag/drop it back to the treeview box.

So is it possible to disable the drag/drop feature inside the treeview when keeping the drag/drop from there to my listbox?

Hi

First of all, this one is build up on an earlier issue :
https://www.telerik.com/forums/update-single-cell-value-on-mvvm-jquery-grid-without-reloading-whole-grid#wHZHTCnTLk2Qy1ZKLvRsvQ

Dojo for the current issue is:
http://dojo.telerik.com/igIkIRoY/16

Issue with this one are lines 161-166.
I want to set the field types, to get the correct column filters, date filter with lte, gt, .. im this example.

Where the fields aren't the special issue here, it's the schema.model object they are in.
As soon as I set the "model", example breaks.

To test it, try dojo as it is and click the "Update date" button.
Nothing will happen.
As soon as you remove lines 161-166 (the model), everything is fine and clicking the button will update the cell in the grid.

I don't know the issue's coming from the special "update single cell value" or from somewhere else, I just cannot say why an empty model object in schema will break the update functionallity.

So hope you can bring a bit of light in the dark.

Greets Robin

Hello,

I alone of MultiColumnComboBox we can prevent adding custom values with change event follow your sample in ComboBox.

with "change code"

change: function(e) {
            var widget = e.sender;

            if (widget.value() && widget.select() === -1) {
              //custom has been selected
              widget.value(""); //reset widget
            }
          }

Follow this sample work with anyone or the parent(Master) MultiColumnComboBox, but in case child(Detail) of MultiColumnComboBox, It's not working because if I selected parent MultiColumnComboBox first and then child MultiColumnComboBox wil show data follow selected list in parent. In this case ("change code") will prevent any data in child MultiColumnComboBox, as a result, any items in it cannot be displayed.

Please guide me for prevent add custom values in the child(Detail) of MultiColumnComboBox,  if I use Cascading MultiColumnComboBox.

Thank.

I am using the Kendo UI JQuery timepicker with the defaults and the option dateInput: true. When no time has been entered the placeholder text reads, "hours:minutes AM/PM". This is too long to fit in the box and gets cut off at the letter "A". I would like to shorten it to something like "hh:mm am/pm". How would I do this?

$("#myTime").kendoTimePicker({
        dateInput: true,
    });

Hi 

I have a remote datasource that renders JSON values. I am trying to show the values in Kendo UI grid (jQuery). 

While the data is being correctly retrieved from the WebAPI (it is a Telerik web service), the grid doesn't display any values. 

Can you please advise what could be going wrong? 

there is no error in the dev console.

JS Bin:  https://jsbin.com/movetajuge/edit?html,js,output

Cheers

Abhishek