This is a migrated thread and some comments may be shown as answers.

Replace Double Click for Single Click

2 Answers 150 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
n/a
Top achievements
Rank 1
n/a asked on 22 Nov 2019, 11:04 PM
Hello, 

I am brand new to Telerik so bare with me for the question. 

Currently on my Calendar, you have to double click/ double tap on the Calendar event to see the pop up modal. This is causing issues for me on mobile and iOS. 

I was wondering how can i change the doubleClick/ doubleTap  handler to a single click? 


Thank you so much!
Cheers

2 Answers, 1 is accepted

Sort by
0
n/a
Top achievements
Rank 1
answered on 23 Nov 2019, 12:51 AM
here is my code.

    @Html.Kendo().DeferredScripts()

    <script>

        function openInvoice(invoiceUrl) {
            window.open(invoiceUrl, "_blank");
        }

        $(function() {


            function filterGrid() {

                var checked = $.map($("#calendar-types :checked"),
                    function(checkbox) {
                        return parseInt($(checkbox).val());
                    });

                var filter = {
                    logic: "or",
                    filters: $.map(checked,
                        function(value) {
                            return {
                                operator: "eq",
                                field: "EventType",
                                value: value
                            };
                        })
                };

                var scheduler = $("#JobCalendar").data("kendoScheduler");


                scheduler.dataSource.filter(filter);


            }

            $("#calendar-types :checkbox").change(function(e) {
                filterGrid();
            });

            if (window.location.href.endsWith("job")) {
                $("#job-checkbox").prop('checked', true);
                $("#estimate-checkbox").prop('checked', false);
                filterGrid();
            }

            if (window.location.href.endsWith("estimate")) {
                $("#job-checkbox").prop('checked', false);
                $("#estimate-checkbox").prop('checked', true);
                filterGrid();
            }


        });


    </script>
0
Veselin Tsvetanov
Telerik team
answered on 26 Nov 2019, 12:26 PM

Hi Scott,

If you set the mobile configuration option of the Scheduler widget (the Mobile() configuration method of the MVC HTML helper) to true, that would force the widget to use its adaptive rendering when viewed on a mobile device. As a consequence, the edit form will open on a single tap on a slot/event in the widget. Here you could find a small sample demonstrating the above: https://dojo.telerik.com/eKuwUzit/2

Regards,
Veselin Tsvetanov
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Scheduler
Asked by
n/a
Top achievements
Rank 1
Answers by
n/a
Top achievements
Rank 1
Veselin Tsvetanov
Telerik team
Share this question
or