I am using Kendo UI for Jquery.

I have a grid and a local array as a datasource. The grid is showing, but the data inside is not.  

I searched aroud and I can't find what's wrong. 

Here is the code: Dojo UI

How can I extend this view with more fields?

Hi,

The TypeScript definitions for the View are incomplete.

Kind Regards,

Marco

I am trying to achieve the following :

1. Hide the header & footer on home page or home view but display on other views
2. Customize the header for each view
3. Navigating to views using href tags was not showing the layout

---------------------------------------First Issue : Hide the header & footer on any specific view -------------------------------------------------------------------                             
I am using the following code for lay-out initialization in home view i.e. index.html:

How can I hide the header and footer on the home page.
Currently I used the following custom css to hide the header

I probably need to do the same to hide the footer also.
Is there any other standard approach to do this ?

------------------------------------------Second Issue : Customize the header for any specific view--------------------------------------------
Since I have the main-layout defined , the same layout will be copied to all views.
Let's say I want to change the header for a specific view to be 
<div data-role="header">              
        <div data-role="navbar">                
            <img  src="xyz/abc.jpg"></img>       
        </div> 
</div>

I was able to achieve this by adding data-layout tag to this view and defining a new layout in this view's html file.

But this was breaking the tabstrip navigation.
Could you please advise how can this be achieved ?

--------------------------Third Issue : Navigating to views directly using href tags was not showing the layout----------------------------

In my home page, I have a gird of four images created using CSS flex-box.
I have added href on each image to link to a different view.
But when clicked on the image only the view's content is displayed , the layout is not shown.
The custom css styling applied to view's elements is also broken.

I have also tried using #idOfView in the href tags but same problem exists.

Could you please let me know how this can be resolved ?

Sorry for the very lengthy post , but these are the issues I am struck with now.
Thanks in advance.

Hi

Is there a way I can control the transition style of a view? I would like to let some views slide in from top, bottom, left or right. Is that somehow possible?  I am already doing this but not with views, just DIVs and an own slide function. I would like to do that with views so I don't have to care about rotation things, etc. 

Regards

Hello

I'm trying to display google maps into a KendoUI Mobile view. The map doesn't appear and there is also no error in the console. Do I have to consider something special?

My working code so far:

(Replace "YourAppKey" with your app key of google maps)

My project heavily depends on google maps. So I hope there is a solution to display google maps (in a view).

Regards

Hi,

I am new to kendo mobile and phonegap/cordova.

I am building a mobile application using phone gap and kendo mobile.

I have a requirement that I want to let user to select text in mobile view but instated showing native clipboard (share/copy/paste) I need to show my menu options to the user.

I tried with restricting user to select text to disable copy/paste options by setting

{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

but after that I am not able to select the text.

Hoe can I achieve the text selection functionality without showing native copy/paste clipboard?

Please tell me the solution to achieve this.

Thanks in advance.

Niteen

I have a  simple home page with multiple views and I want only the first one to be displayed.

It is fine When I initialize the app using 

var app = new kendo.mobile.Application();

But when I use document.addEventListener() with deviceReady on a real device it displays all the views and in dojo it does not display anything

Here is the code snippet that I am trying 

    var app;
    var onDeviceReady = function() { 
            //navigator.splashscreen.hide(); 
            app = new kendo.mobile.Application(document.body,
            {
                platform:'ios7'
            });
    }
    document.addEventListener('deviceready', onDeviceReady, false); 

http://dojo.telerik.com/@phcc1t/AtiVo/2

Views with document.addEventListener()

Could you please let me know where am I going wrong ?

Sample: http://demos.telerik.com/kendo-ui/m/index#mobile-view/zoomable

If you view the above link in IE11 maximized at a high resolution (such as 1080p or 4K), the touch-based zooming and scrolling will not work like other browsers. Is there a workaround for this, or is this not supported in an older browser like IE11?

Hi,

Is there any proper way or functionality to transfer data between views. I think currently we can send only using sample.html?<param>=<value> method or need to store in some global variable. If need to send array of data then "?" method will not work. Any other solutions.

Thanks,

Velu