Telerik Forums
Kendo UI for jQuery Forum
18 answers
767 views
My mobile app build with kendo ui failed user acceptance testing because the app is "slow", "sluggish" or "sometimes stops working". After some research I found out that the app quite often fails to react when the user clicks a button: the click event does not fire when the user does not tap "the right way". Since my app aims at inexperienced users, this is a serious issue.

The problem can easily be reproduced in the button/events demo, especially when viewed on a mobile device:

http://demos.telerik.com/kendo-ui/mobile/button/events.html

Just between touching and releasing move the finger or mouse a little bit to the side or up/down, and the click event does not fire.

What's worse (and why i would consider this an error) is that the user gets a visual feedback that the button was pressed --- but nothing happens!

It's kind of like the opposite of the problem in this thread: http://www.telerik.com/forums/button-click-event-firing-when-trying-to-scroll where someone is (ab?)using oversized buttons.

Is there a way to set the sensibility of how much wiggle is allowed until a touch isn't a click anymore? Any other solution?

I am using kendoui.complete.2013.3.1119. The behaviour was tested on iOS6 & iOS 7 (iPad).

TIA Marco
Petyo
Telerik team
 answered on 04 Mar 2015
0 answers
26 views
Hello,

A defect is preventing the sparkline tooltips from showing in the official release (v. 2013.3.1119) .
This issue is fixed in internal build v. 2013.3.1121 and later.

Recommended temporary workarounds:
  • Disable shared tooltips. This will not negatively affect Sparklines with only one series.

    $("#hum-log").kendoSparkline({
        type: "area",
        data: [71, 70, 69],
        tooltip: {
            format: "{0} %",
            shared: false
        }
    });
  • Set series names on Sparklines with more than one series:

        $("#sparkline").kendoSparkline({
          type: "area",
          series: [{
            name: "Series one",
            data: [71, 70, 69, 68, 65, 60, 55, 55, 50, 52]
          }, {
            name: "Series two",
            data: [73, 72, 72, 71, 68, 63, 57, 58, 53, 55]
          }],
          tooltip: {
            format: "{0} %"
          }
        });
Apologies for the caused inconvenience.
Kendo UI
Top achievements
Rank 1
 asked on 21 Nov 2013
0 answers
2 views

In demo Pie Chart From kendo https://demos.telerik.com/kendo-ui/pie-charts/index

data: is created manual, but I want to read data from a url of type Json. 

Help me. Thanks.

                    data: [{
                        category: "Asia",
                        value: 53.8,
                        color: "#9de219"
                    },{
                        category: "Europe",
                        value: 16.1,
                        color: "#90cc38"
                    },{
                        category: "Latin America",
                        value: 11.3,
                        color: "#068c35"
                    },{
                        category: "Africa",
                        value: 9.6,
                        color: "#006634"
                    },{
                        category: "Middle East",
                        value: 5.2,
                        color: "#004d38"
                    },{
                        category: "North America",
                        value: 3.6,
                        color: "#033939"
                    }]
    <div id="chart" style="background: center no-repeat url('../content/shared/styles/world-map.png');"></div>
    
    <script>
        function createChart() {
            $("#chart").kendoChart({
                title: {
                    position: "bottom",
                    text: "Share of Internet Population Growth, 2007 - 2012"
                },
                legend: {
                    visible: false
                },
                chartArea: {
                    background: ""
                },
                seriesDefaults: {
                    labels: {
                        visible: true,
                        background: "transparent",
                        template: "#= category #: \n #= value#%"
                    }
                },
                series: [{
                    type: "pie",
                    startAngle: 150,
                    data: [{
                        category: "Asia",
                        value: 53.8,
                        color: "#9de219"
                    },{
                        category: "Europe",
                        value: 16.1,
                        color: "#90cc38"
                    },{
                        category: "Latin America",
                        value: 11.3,
                        color: "#068c35"
                    },{
                        category: "Africa",
                        value: 9.6,
                        color: "#006634"
                    },{
                        category: "Middle East",
                        value: 5.2,
                        color: "#004d38"
                    },{
                        category: "North America",
                        value: 3.6,
                        color: "#033939"
                    }]
                }],
                tooltip: {
                    visible: true,
                    format: "{0}%"
                }
            });
        }

        $(document).ready(createChart);
        $(document).bind("kendo:skinChange", createChart);
    </script>

Stark
Top achievements
Rank 1
Iron
Iron
 asked on 09 May 2021
0 answers
2 views
Hi, I've been trying for quite some time now to expand the newly created row. So basically when I hit "add new" and hit update after it updates and inserts, then expand that new row.
Cody
Top achievements
Rank 1
 asked on 08 May 2021
0 answers
2 views

I have two link demo from Kendo FileManager.

First link: https://dojo.telerik.com/oFefoyIm

Second link: https://dojo.telerik.com/OxAWOrIF

Each link uses a different method of Kendo FileManager. But, with Second link, I can call function. 

Otherwise, First link can not call.

Two image will show you my test, and And I am having a similar case in First Link in my project, it cannot call the function

 

Stark
Top achievements
Rank 1
Iron
Iron
 asked on 08 May 2021
1 answer
3 views

I am working With Kendo FileManager, I need get value name of Folder and get value of Items in Folder to API work.

Please guide for me.

Thanks Admins and Everyone so much.

Stark
Top achievements
Rank 1
Iron
Iron
 answered on 08 May 2021
7 answers
39 views

Hi !

 

I'm using Kendo TileLayout in Jquery. When I create Tilelayout.

 

I want add or remove item dynamic at runtime, but I don't find way to do it.

 

Please help me do it

 

Many thanks !

Timothy
Top achievements
Rank 1
Iron
 updated answer on 07 May 2021
0 answers
3 views

Can kendo FileManager show images like Image Browser?  If It can, please guide for me.

demo image browser: https://demos.telerik.com/kendo-ui/editor/imagebrowser

Image broswer can show image, that so good

Kendo FileManager is the manager must show the user how the images are?

Or can apply show image from Image Browser to FileManager. Please guide for me. Thanks

Stark
Top achievements
Rank 1
Iron
Iron
 updated question on 07 May 2021
1 answer
7 views

I want to make a grid with excel exporting feature which will export all data.

However, the grid might contain a massive amount of data that makes the export process spends lots of time.

I've found this that shows confirmation before exporting.

https://docs.telerik.com/kendo-ui/knowledge-base/export-the-grid-to-excel-only-after-confirmation

 

However, the confirmation popup window shows after loading all data (it popup after a few time after I click the export button, so I guess it loads all the data, or the excelExport event is activated after the excel file is well prepared to be exported).

Is it possible to show the confirmation window as soon as I click the export button?

 

Thanks.

Anton Mironov
Telerik team
 answered on 07 May 2021
0 answers
4 views

I tried using the following demo tutorials But path of my folder didn't get and not working

Link demo: https://docs.telerik.com/kendo-ui/api/javascript/ui/filemanager/methods/path

This is My Code FileManager:


Image 1 :  When click each Folder, Console show yellow message

Image 2 : My Json data Url Read call

 


$("#fileManager").kendoFileManager({
        
        dataSource: {
            schema: {
                data: 'data'
            },
            transport: {
                read: function(options) {
                    var that = this;

                    $.ajax({
                        url: " //My Url call API ",
                        dataType: "json", 
                        method: "POST",
                        data: that.parameterMap ? that.parameterMap(options.data, "read") : options.data,
                        success: function(result) {
                            options.success(result);
                        }
                    });
                },
                destroy: function(options) {
                    console.log(" Test call Function ");  // Call Function not working, cannot call
                    
                }
            }
        },
      toolbar: {
                items: [
                    { name: "custom" ..... }, // insert and upload, I use custom command
                    { name: "custum" ..... },
                    { name: "sortDirection" },
                    { name: "sortField" },
                    { name: "changeView" },
                    { name: "spacer" },
                    { name: "details" },
                    { name: "search" }
                ]
            },
            contextMenu: {
                items: [
                    { name: "rename" },
                    { name: "delete" }
                ]
            },
            draggable: true,
            resizable: true
    });

    var fileManager = $("#fileManager").data("kendoFileManager");

    fileManager.navigate("Animal");   // not target red zone folder 

    var path = fileManager.path();  //not show log

Stark
Top achievements
Rank 1
Iron
Iron
 updated question on 07 May 2021