Thank you for reporting your issues with custom plugins and the extension for Visual Studio.
I have reviewed and followed the blog post and have been able to create the desired app with a few tweaks to the code and the procedure. Please, note, that this post has been published a while back and is very outdated as of this moment. Unfortunately, we do not have the policy to go back and edit already published content. For a reference on how to use the latest features, your best bet would be to use the latest blogposts and visit our documentation here
Please, find attached the actual app.js that will work and follow these basic workflow (based around the blogpost) to get the app running.
1. Create a new Kendo UI Mobile projects (as per the blogpost).
2. Replace scripts\app.js with the provided file.
3. Replace the contents of index.html with the ones from the blogpost.
4. Add the custom plugin as per the instructions in the blogpost. Do not add the script reference that the blogpost mentions as it is not necessary. Just add the plugin files.
It is important to note that in some case, some users have reported that drag and drop on the Plugins folder does not work for them. (Usually this is related to running or not running VS as Administrator, based on your system settings). In this case, right-click on the Plugins folder and use the Add -> New Folder and Add -> Existing Item... commands to add the folders and files one by one.
5. Make sure that each file of the custom plugin has the Build Action property set to Content.
6. Build and deploy your app on device as an application package (not in the companion app, as indicated by the blogpost). It is very important to use the application package option because testing custom plugins does not work in the companion app. You also cannot test custom plugins from the device simulator.
Let me elaborate on the build and deploy part a bit. You can go two ways - deploy straight to a connected device or deploy wirelessly via QR code. If you want to debug, you will need to deploy on a connected device and make sure that everything in your setup meets the requirements for debugging. Please, follow these instructions to build and deploy via QR code
and these instructions to build and deploy via cable connection
. Again, I cannot emphasize enough on the fact that you need to deploy as an application package (IPA/APK) rather than in the companion app.
Detailed instructions on how to debug on device are available here
A few words about the modified app.js. First of all, every Cordova app needs the deviceready event to fire before anything else happens with your app. This is why I have added a deviceready event listener and a onDeviceReady function. Second, the call of the custom plugin was using an invalid object. This behavior has been modified.
Let me know if you would like to get a copy of the entire project or if you have any further questions. Good luck!
Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!