KendoUI mobile app, view event afterShow has no access to cordova plugin. Outside event is fine

Question

I have a kendoui applbuilder mobile app. I have installed a custom camerapreview plugin and it works fine. I tried adding an event handler to my view (afterShow) to set something in the camera plugin module:

cordova.plugins.camerapreview.startCamera(

which initializes the camera preview.

the problem seems to be that in this handler cordova.plugins.camerapreview is undefined? Access to this same method in a button handler on the view works fine. I'm assuming this has something to do with dependency? How can i ensure this is loaded? Doesn't make sense to me that it wouldn't be available after the view has loaded and bound the model.

my code looks like:

// Handle "deviceready" event
document.addEventListener('deviceready', onDeviceReady, false);


var mobileApp = new kendo.mobile.Application(document.body, {

                                                 skin: 'flat',
                                                 initial: 'views/home.html'
                                             });

Answer 1

When using Kendo UI Mobile app with Cordova, make sure to initialize the app in the deviceready event. This will ensure that the Cordova APIs will be available throughout the whole app lifecycle.

// this function is called by Cordova when the application is loaded by the device
document.addEventListener('deviceready', function () {  

  // hide the splash screen as soon as the app is ready. otherwise
  // Cordova will wait 5 very long seconds to do it for you.
  navigator.splashscreen.hide();

  app = new kendo.mobile.Application(document.body, {

    // you can change the default transition (slide, zoom or fade)
    transition: 'slide',

    // comment out the following line to get a UI which matches the look
    // and feel of the operating system
    // skin: 'flat',

    // the application needs to know which view to load first
    initial: 'views/home.html'
  });

}, false);