Telerik Forums
Kendo UI for jQuery Forum
1 answer
105 views

Hi,


We recently switched from using onclick events to using kendo tap event for our mobile app (following your suggestion in other post).

As we found out, tap events are propagating and result with unintended events. For example - when the user clicks a button in view1 which navigates to view2, clicking this button will lead to view 2 but may also cause triggering a button of view2 that was located at the same position of the button in view1. 

We also found out (following another suggestion you gave us in a different post) that using e.preventDefault()  is solving this problem.

Our app has dozens, if not hundreds, tap events. Is there a better way to add them e.preventDefault()  rather than go over all those places in the code and add it there?

Petyo
Telerik team
 answered on 12 Jul 2016
1 answer
41 views
Hi ,

I would like to enquire how import Kendu Ui grid in an angularjs project.  I correctly added css files : kendo.common.min.css, kendo.silver.min.css and js files : jquery-1.9.1.min.js, angular.min.js (1.5),  kendo.all.min.js. But kendo-ui elements aren’t displayed, there isn’t any javascript error and the jsfiles are well loaded. The html is correctly modified (as I can see with the chrome console).

I tried to do the same thing in an other test project and it works so I assume there is something on the project which blocks or isn’t compatible and prevent from displaying the grid.
There is also the fact we use lazy loading (with ocLazyload) and it’s lazy load.


Someone knows why it doesn’t work ?
Thanks,

Stéphanie
Alexander Valchev
Telerik team
 answered on 28 Jun 2016
2 answers
117 views

Hi,

I just started to work on this platform last week.

I have created a table and want to add data to it on submit button click.My table name is Doctor. The data is not syncing to table i guess.This is my code .Api key is not mentioned for obvious reason.Also whenever I logout all the changes made in code disappears.I am really new to this platform so please help me out.

app.formView = kendo.observable({
    onShow: function() {},
    afterShow: function() {}
});

// START_CUSTOM_CODE_formView
// Add custom code here. For more information about custom code, see http://docs.telerik.com/platform/screenbuilder/troubleshooting/how-to-keep-custom-code-changes
 
// END_CUSTOM_CODE_formView
(function(parent) {
   var apiKey="";
     var el = new Everlive(apiKey);
     var doc=new kendo.data.DataSource({
          type: "everlive",
         transport: {
            typeName: "Doctor"
        }
     });
    var formViewModel = kendo.observable({
        
        fields: {
            city: '',
            state: '',
            address2: '',
            address1: '',
        },
        submit: function() {
            var add1=$("#add1").val();
             var state=$("#state").val();
             var city =$("#city").val();
            if(add1=="")
                {
                $("#adderr").show();
                    return false;
            }
            if(state==null){
                $("#stateerr").show();
                  return false;
            }
            if(city==""){
                $("#cityerr").show();
 return false;
            }
            
           doc.add({
               Address1:formViewModel.fields.address1,
               City:formViewModel.fields.city,
               State:formViewModel.fields.state
              
           });
           doc.one("sync",this.close);
            doc.sync();
            alert("hello");
            

            

        },
        cancel: function() {}
    });

    parent.set('formViewModel', formViewModel);
})(app.formView);

Thanks, 

Rugved

Rugved
Top achievements
Rank 1
 answered on 16 Jun 2016
13 answers
61 views

Hi,

 

We ran into a problem described on the following thread:

 

http://www.telerik.com/forums/blank-screen-on-certain-android-devices-with-android-5-x?actionMode=replyThread

 

In a nutshell, certain users, on Android 5.x complain of empty screen when trying to scroll the app.

 

The suggestion was to try to use CrossTalk - but it did not solve our issue. Given that it did not work, we were referred to this forum for potential help - I am wondering if anyone here knows how to overcome this issue.

 

Thanks,

Ron.

Ron
Top achievements
Rank 1
Veteran
 answered on 06 Jun 2016
4 answers
75 views

Hi,


We recently updated the kendo version in use by our app to v2016.1.226


Since the launch of our last version we have an increasing number of users who complain that when they first try to scroll the app, the result is an empty screen as can be seen in the attached image "empty-screen-galaxy-s4.png"

We know that all those users have Android 5.x (e.g. 5.1.1, 5.0.1) and various devices (Galaxy S4, Oneplus X, Huawei Mate s).
Our app is using kendo listview and we tried to debug this issue with a device connected to Chrome Dev tools. We reached the following conclusions:
- Trying to reset kendo scroller has no effect on the problem
- Even though it may look like the content is scrolled up outside of the screen area, the debug shows that the view and the listview are correctly placed on the screen, as can be seen in the attached image listview-correctly-placed.png

Are you familiar with any other cases of this nature? Any idea how can we solve them?

Thanks,

Ron.
Dimo
Telerik team
 answered on 04 May 2016
3 answers
214 views

I'm converting a jquery mobile app, a few pages at a time, and one page that is a kendo mobile ui page with 3 views:

1. tasklistfilterview is a view with an mvvm form that provides filtering info and then navigates to views 2 or 3 when they press the Go button.

2. tasklistgridview - shows results from view 1 in a grid

3. tasklistlistview - shows results from view 1 in a list

The user can then click a list item or grid item href with data-rel="external" that takes them to a detail view of the item.

My problem is when the user presses the back button, the grid or list views are shown as empty views with data-role="scollapsible".  I'd like to show the filterview.  

I've tried:  kendo.mobile.application.navigate("tasklistfilterview") in the jquery ready event.

 

Jim
Top achievements
Rank 1
 answered on 20 Mar 2016
3 answers
45 views

Hi.

I'm trying to implement an Angular project using KendoUI but I'm only able to add controls using JQuery syntax but not Angular syntax.

This works : 

  <div id="paymentRequestsGrid"></div>

and in my controller I do this :

  var grid = $("#paymentRequestsGrid").kendoGrid({
  ...

 

However, this does not work :

  <div id="paymentRequestsGrid" k-options="gridOptions"></div>

and in my controller :

  $scope.gridOptions = {
  ...

I does not crash my app, just doesn't render anything on the web page.  I've included the following in my project:

* kendo.common.min.css
* kendo.bootstrap.min.css
* kendo.bootstrap.mobile.min.css
* jszip.min.js
* kendo.all.js
* kendo.culture.is-IS.js


I just wanted to throw this up in the air and hope this will, at least, get me in the right direction ;)

Best regards,
Karl

Kiril Nikolov
Telerik team
 answered on 24 Feb 2016
5 answers
1.0K+ views
On a div with data-role="view", is it possible to set the data-title attribute with the output from a template, or the output of a JavaScript function?

Or is the only way to set the data-title dynamically by using data-show to specify a JavaScript function as eventhandler of some kind?

Is there a code snippet or demo for how to do that?
Ricardo de Assuncao Goncalves
Top achievements
Rank 1
 answered on 18 Jan 2016
3 answers
146 views

Hello, what I'm trying to build is exactly like image in the attachment. My first question is how can I add a caption to scrollview ? Second and most important one is should I use remote view or responsive images in the down below.. And I couldnt make it work, no matter what I do nothing shows up under the image gallery ? I appreciate all the help I can get, thanks.

 

Here is my code in kendo dojo..

http://dojo.telerik.com/@oguzhanodenekli/uFaYa/2

 ​

Petyo
Telerik team
 answered on 08 Sep 2015
4 answers
214 views
Hi Guys!

I notice in the demo section of the Kendo UI mobile website under Mobile Framework -> Forms there appear calendar controls when clicking on the down-arrow of "Type date", "Type month" and "Type datetime-local" elements, in all simulator types "iOS", "Android", "Blackberry" and "Windows Phone".
I can see the calendar appearing but somehow something looks out of place as the calendar popup is displayed outside of simulator frame and with different look and feel from other mobile elements.

I'm wondering if the calendar control is really available in the Kendo UI Mobile suite ?

Cheers!
Dimo
Telerik team
 answered on 10 Aug 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?