Telerik Forums
Kendo UI for jQuery Forum
18 answers
776 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
27 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
1 answer
4 views

Hello. I am using a custom column editor as shown in your example : https://docs.telerik.com/kendo-ui/knowledge-base/custom-editor-autocomplete. Even in the example that you provided, if I type a value that is not in the list, on focus out the field will display "undefined" and will remain this way even if i try to select another value. Is there a fix for this situation? Thank you in advance :)

I attached a screenshot from your working example.

Martin
Telerik team
 answered on 11 May 2021
0 answers
2 views

Hi,

we want to persist the width of resizable columns, only.

We are aware of this article (https://demos.telerik.com/aspnet-mvc/grid/persist-state) and the getOptions() and setOptions() functions, but these get/set other options like sort and page.

We only want to persist the column width. Is there a supported way of doing this?

Kind regards.

Stefan
Top achievements
Rank 1
 asked on 10 May 2021
3 answers
7 views

Using the code below I can successfully update a gantt task (I'm using a custom edit screen + custom update function). It fires off my transport update handler and axios does the update just fine.

  var task = ganttdataSource1.at(0);
  ganttdatasource1.update(task, { title: "New Title" });
  ganttdatasource1.sync()

What I can't figure out is how to update the resource assignments, doing as below seems to ignore the 'resources' property so when in the transport update handler 'resources' just has the ones that were originally set,

  var task = ganttdataSource1.at(0);
  ganttdatasource1.update(task, { 
        title: "New Title", 
        resources: {
            taskId: 111,
            resourceId: 222,
            value: 5,
        } 
    });

  ganttdatasource1.sync()

Al
Top achievements
Rank 1
Iron
Iron
 answered on 10 May 2021
2 answers
11 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.

Kent
Top achievements
Rank 1
Iron
 updated answer on 10 May 2021
1 answer
6 views

I'm trying to make my grid be able to export its data as a CSV file, and I saw this:

https://www.telerik.com/forums/export-to-csv-also-collapse-data

which said that currently, Kendo UI does have only build-on support for export to PDF and Excel(xlsx).

 

However, after surveying on the internet I find another one:

https://feedback.telerik.com/kendo-jquery-ui/1359149-export-ability-to-export-the-grid-in-csv-and-xml-formats

It says that it's a completed feature, but I only find the sample using ASP.net:

https://demos.telerik.com/aspnet-mvc/grid/server-export

 

Since It's a completed feature, does it involve jQuery? or is it just support using ASP.net?

If it involves jQuery, can anyone provide a sample of it?

 

Thanks.

Nikolay
Telerik team
 answered on 10 May 2021
4 answers
5 views

Hi,

I have added Kendo dropDownList as cell editor to Kendo Gantt. 

After some time, some users reported issue where doubleclick on cell randomly just opens and closes dropdown on its own. 

We did quite a lot of debugging until we were able to reproduce issue. 

It turns out that in some cases (not clear under which conditions) when doubleclick is either too fast or performed on laptop touchpad, it happens almost in 30% of cases.

(We are using kendo UI 2020 R2 version, but issue is reproducible even in latest version).

Issue was reproduced by developer on Dell Latitude 5580 (using touchpad doubleclick), while users reported on other systems.

Here you can find the dojo where issue is reproducible.

https://dojo.telerik.com/aHuDaYup/4

Also, we recorded video on the same dojo, where behavior is demonstrated. 

First 4 clicks are mouse, and next ones are with touchpad. (users were having issues even with mouse)

If there are any things we can do to help, please let me know.

Thank you and best regards.

Vedad

 

 

 

Aleksandar
Telerik team
 answered on 10 May 2021
0 answers
2 views

I'm having a problem getting an MVC ListView to initially load via the model and then page using Ajax. I've configured a grid to do this without issues but the ListView datasource doesn't seem to support Ajax, although the documentation suggests it does?

https://docs.telerik.com/aspnet-mvc/html-helpers/data-management/listview/binding

I initiate the list with 10 records and then specify the total amount of records in the datasource. I then expect to see 10 records on the first page and to have the ability to click on the other pages. When I click on a page an Ajax call should be made to retrieve the relevant records. However all I see is the 10 records from the model and no paging. 

Here is my ListView:

@(Html.Kendo().ListView<Feed>(Model) .Name("FeedList") .TagName("ul") //.BindTo(Model) .ClientTemplateId("feed-detail-list-template") .DataSource( source => source //.Ajax() I get an error that there is no definition for Ajax if I uncomment this .ServerOperation(false) .Model(model => model.Id(p => p)) .Read( read => { read.Action(action, controller, new { id = parentId }); } ) .PageSize(10) .Total(totalRecords) // appears to be ignore .Events(events => events .Error("onDataSourceError") ) ) .Pageable() )

 


Any help appreciated.

Duncan
Top achievements
Rank 1
 updated question on 10 May 2021
0 answers
3 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