This is a migrated thread and some comments may be shown as answers.

Creating/Adding plugin from/to Appbuilder

14 Answers 130 Views
AppBuilder extension for Visual Studio
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Bala Chandra V
Top achievements
Rank 1
Bala Chandra V asked on 19 May 2014, 03:13 PM
  • Hi, I started using Appbuilder and beleive me I am very much impressed with the way it runs. I fell in love with tool and purchsing it.
    But, I had some question regarding plug-ins. Is there any way to create  plugin or add plugins from git hub or some other source?

    Let's say I had this plugin for google MAP API. (https://github.com/wf9a5m75/phonegap-googlemaps-plugin)  I tried to inserted it in to our app builder. But I am not able to .

    I followed your atricle on http://docs.telerik.com/platform/appbuilder/creating-your-project/using-plugins/using-custom-plugins/add-includes. In article, it says - 

    In the Project Navigator, double-click Properties.In the Plugins tab,
  • navigate to the Custom Plugins section and expand it, if needed.
  • Click Import and confirm the operation.Browse and locate the archive that you want to import in AppBuilder, select it, and click Open.
  • A new folder that contains the files for your plugin is added in the Plugins folder in the Project Navigator.If the archive was created on a Mac system, make sure to delete any system Mac files and folders such as __MACOSX and .DS_Store from theProject Navigator.

I am not seeing "Import option".

If possible, is there any way u can hellp me using above google API plug in our App builder. Any help is highly appreciated.

14 Answers, 1 is accepted

Sort by
0
Iva Koevska
Telerik team
answered on 20 May 2014, 10:40 AM
Hi Bala Chandra V,

Thank you for the kind words!

I believe you have been following the directions in this article rather than the quoted one. However, you have been following them for the Windows client and not for the extension for Visual Studio, which are two separate clients. Please, review this short video tutorial of how to add the desired plugin to your project in Visual Studio.

Hope this helps.

Regards,
Iva Koevska
Telerik
 

Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

 
0
Srenivasan
Top achievements
Rank 1
answered on 10 Jun 2014, 04:50 PM
I love the AppBuilder Extension for VS and much more easier than Icenium. Quick question about cordova plugin.
I'm trying to add a plugin for print (github.com/katzer/cordova-plugin-printer) and I followed the same steps as per the instruction /video. But no success. I use VS2013 and AppBuilder extension for Visual Studio.
Moreover Is there any limitation for adding third part plugins to Appbuilder?
hanks
Sreni
0
Iva Koevska
Telerik team
answered on 11 Jun 2014, 05:56 AM
Hello Srenivasan,

The only limitations to adding third-party plugins is that they should be Plugman-compatible and they should be added as per our instructions.

Unfortunately, from your inquiry it is unclear what kind of issues you're facing with your plugin. Please, provide us with more details so that we can assist you. For example, are you unable to add the files to your project or are you getting errors in your code when you call the plugin? Any additional information will be greatly appreciated. Thanks!

Regards,
Iva Koevska
Telerik
 

Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

 
0
Srenivasan
Top achievements
Rank 1
answered on 11 Jun 2014, 03:00 PM
Hi Iva,
We added plugins as per the instructions and its plugman-compatible. We looked Plugin.xml for clobbers and and its js-module. So we did not refereneced in our html. ( even we tried with referencing the javascript file). From the button click event, we used   window.plugin.printer.print("some html"); but we see printer undefined. 

Thanks for your help!
0
Srenivasan
Top achievements
Rank 1
answered on 11 Jun 2014, 08:52 PM
Hi Iva,
I attached the sample project file for your review. I use VS2013 and AppBuilder extension. The project template I used Telerik->AppBuilder --> Kendo UI mobile app. I added the cordovaPlugin as well. The Print section has the functionality and thats the place we are getting issues. Apart from that the application looks great on all mobile platforms. 
Due to 2MB size limit I'm attaching the necessary files here. The instructions are below ( may be useful for someone there)
As I said, 1. Create a new project Templates ->Telerik->AppBuilder->Kendo UI mobile app
2. Delete the default index.html and add the one attached here.
3. Add the print.js under scripts folder
4. Download the print plugin (https://github.com/katzer/cordova-plugin-printer) and unzip and drop to plugin folder.
5. Build in cloud using AppBuilder -> Build in cloud
6. Scan the QR code and run the app. 
The print section has the button to print.

I could not able to upload 3KB source file in .zip format
Thanks to Telerik Team and to Iva as well !
0
Iva Koevska
Telerik team
answered on 16 Jun 2014, 07:49 AM
Hello Srenivasan,

Thanks for the details. However, I am unable to complete the provided workflow due to the fact that the referenced files are missing.

My guess is that during the attachment process something went wrong and the upload did not go through. Do you mind reattaching the files, or providing the code for index.html and print.js inside your next post?

Another thing that comes to mind when seeing this "undefined" error you are getting is that you are actually building for the companion app rather than an application package. When you load your project for testing inside the companion app, you cannot work with custom plugins. In order to be able to test your custom plugins, you need to build an application package (IPA/APK/XAP) and install it on the device.

Looking forward to your reply. Thanks! 

Regards,
Iva Koevska
Telerik
 

Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

 
0
Srenivasan
Top achievements
Rank 1
answered on 16 Jun 2014, 01:29 PM
Please find the 2 files attached. Hope this time it should upload. We  followed the sample from "Social Message Plugin for Apache Cordova"

We are facing difficulties in uploading the files. Index.html is 7kb and print.js is 1kb

The selected file(s) cannot be attached because it may exceed the maximum attachment size (2 MB) or is from not allowed type (allowed: .jpg, .jpeg, .gif, .png, .txt).
0
Iva Koevska
Telerik team
answered on 16 Jun 2014, 04:34 PM
Hello Srenivasan,

As per the quoted error message, the problem seems to be that you are attempting to attach files that are not allowed on the forum. There are a few ways we can go about assisting you:
  • You can create a jsFiddle sample and provide the link here. Just paste your index.html into the HTML field and your print.js in the JavaScript field.
  • Paste your code here in two separate code snippets.
  • Provide your code in txt files, which are allowed.
  • Submit a support request or a general feedback item and attach your files.

We are deeply sorry that these technical limitations are preventing us from assisting you in a more efficient manner. We are looking forward to your decision how to proceed. Thank you for the patience and understanding.

Regards,
Iva Koevska
Telerik
 

Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

 
0
Ed
Top achievements
Rank 1
answered on 16 Jun 2014, 07:18 PM
Here are the two files in .txt format.
0
Iva Koevska
Telerik team
answered on 17 Jun 2014, 12:15 PM
Hello Srenivasan and Gene,

Thanks for your patience while tackling this. I have not been able to reproduce your issue with the undefined error. The only times I am getting "undefined" is in the device simulator and in the companion app - both are expected. When I build the app for iOS or Android with the app package option and debug the app on the device, no undefined errors are thrown and the app seems to work properly.

I am attaching a copy of my project. Again, please, note that in order to work with custom plugins on device, you need to pick Build in Cloud -> Device Platform -> App Package -> Next or Build and Deploy. Note that by default the "Companion app" is probably selected when you Build in Cloud.

if you are still experiencing issues, don't hesitate to let us know but, please, provide screenshots that illustrate where you're getting the error and a screencast that illustrates your workflow. Thank you!

Regards,
Iva Koevska
Telerik
 

Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

 
0
Ed
Top achievements
Rank 1
answered on 17 Jun 2014, 12:42 PM
Thanks Iva and the team. I'll try and if I need any help. I'll reach out. 
Have a nice day.
0
Srenivasan
Top achievements
Rank 1
answered on 18 Jun 2014, 07:10 PM
Thanks for your sample. 
I followed the steps
1. Changed the app identifier ( in project properties)
2. Import mobile provisions and certificates
3. Build and deploy to my iPad
4. confirmed my printer ( HP LaserJet P1102W) and my iPad (ios7) on the same wifi. 
5. Hit print, nothing happened




0
Iva Koevska
Telerik team
answered on 19 Jun 2014, 07:35 AM
Hello Srenivasan,

Have you tried printing to the device from another application, say Safari, to check if the printer is configured correctly and if AirPrint is working at all? Also, it seems that your printer model is already reported to have issues with printing from iOS devices (and might not be supported for AirPrint at all). You can check the following resources:

In addition, you might want to go over the following resources as suggested by the plugin documentation itself. Please, note that this plugin works only with properly setup AirPrint-enabled printers or third-party printing software.

You might also want to check the list of issues for the plugin.

Regards,
Iva Koevska
Telerik
 

Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

 
0
Srenivasan
Top achievements
Rank 1
answered on 19 Jun 2014, 01:06 PM
Both are on same wifi and prints from Notes to this printer without issues. Prints from safari as well.
I checked this printer with apple site and HP site as well.
I try with different plugin.

Thanks.
Tags
AppBuilder extension for Visual Studio
Asked by
Bala Chandra V
Top achievements
Rank 1
Answers by
Iva Koevska
Telerik team
Srenivasan
Top achievements
Rank 1
Ed
Top achievements
Rank 1
Share this question
or