Can the Onsen UI Javascript and CSS frameworks be used with Worklight Hybrid Applications? - ibm-mobilefirst

Can I use Onsen UI with my Worklight hybrid applications? Specifically, while using the Worklight Studio for development?
Since it seems to be compatible with Cordova and JQuery on the surface it looks like it does.

As Idan said, you'll need to perform some manual work and you cannot use cordova tools. I was able to create a WL hybrid app project, add the references as in their Guide, deploy to WL Server and open the app in the Mobile Browser Simulator. It took 3 minutes.

Related

How to navigate from one html page to another in IBM MobileFirst?

1)I need to navigate from one page to another in IBM mobile First app as soon as I click the button.
2)Is there any document that clearly explains how to develop an app using eclipse (IBM mobile first 8.0)?
Can anyone please help me
Eclipse Java EE IDE for Web Developers.
Version: Mars.2 Release (4.5.2)
Build id: 20160218-0600
Windows 7
1) To learn how to develop a hybrid Angular app in MobileFirst 8.0, please see this lab. There is no longer the MobileFirst hybrid, and will be moving toward Cordova, Ionic, Angular.
https://mobilefirstplatform.ibmcloud.com/labs/developers/8.0/intro/
2) To develop an app with eclipse in MobileFirst 8.0, please follow this blogpost. There's a plugin you can download from Eclipse marketplace.
https://mobilefirstplatform.ibmcloud.com/blog/2016/06/17/ibm-mobilefirst-studio-8-0-plugin-for-eclipse-now-available/
MobileFirst is a Single-page application (SPA).
There are several ways to navigate in a single-page application. Usually it will depend on the framework you are using to build your application such as jQuery, AngularJS, Ionic etc.
Simple Javascript worked for me
window.location("your html page path");

vuforia SDK for an IBM MobileFirst

I need to implement a few vuforia functionalities in an IBM MobileFirst existing project.
However I see that vuforia has provided SDKs only for android, iOS, UWP and unity.
How do I integrate vuforia SDK into my existing IBM MobileFirst project?
MobileFirst enables you to create either Hybrid (Web) apps ala Cordova, or native apps. However the end result is a Native project like any other.
So once you've generated your Xcode project in MobileFirst Studio (assuming you're using MobileFirst 7.1 and below), you can simply continue with the integration steps as supplied by Vuforia. They need not supply any special integration tools for IBM MobileFirst.

IBM worklight Native to Hybrid Migration

If there is an already existing Android app and now it has to be turned into hybrid app supporting both Android and iOS, how should I do that?
Native Android apps are written in Java.
Hybrid apps are written in HTML, JS and CSS.
You will need to recreate your logic and UI from scratch.

Cordova Plugin to be used in Worklight, for geofencing in Background even if the app is suspended/terminated and also when the phone restarts

I have been investigating in this feature for a long time. All I can find is a pure iOS native code that checks for the key "UIApplicationLaunchOptionsLocationKey" from the LaunchOptions, if it is found it calls the LocationManager to start it and keep on listening to the location updates.
You can find this code in this github:
https://github.com/voyage11/GettingLocationWhenSuspended
I need the same concept, but with a way to integrate it in Worklight, through cordova plugin or something. As I'm already creating the geofencing triggers using the hybrid Worklight APIs, I need to keep the geofencing alive even when the app is suspended/terminated and also if the phone is restarted.
Please I need you support urgently. Thanks
Worklight provides the ability to create Cordova plug-ins.
You could implementing your own native code then, mimicking that from the Xcode project you've found on GitHub.
Read more here: Adding native functionality to hybrid applications

Integrate Ionic Sass Customization in IBM Worklight

I want to integrate Ionic Sass Customization in IBM Worklight hybrid mobile application. can any one help , Not sure what are the dependencies to make this work. Ionic is really cool in customization of themes in IONIC Mobile Apps.
http://learn.ionicframework.com/videos/sass/
Thanks in advance.
Because Worklight/MFP does not support the Cordova CLI and Ionic deeply integrates their CLI with the Cordova CLI, the approach I believe you should take is:
Create a skeleton app in Worklight Studio, integrated with Ionic. You can look at the Starter Application (for MFP 6.3), that also has a version using Ionic.
Once you have that, you'll need to create an app purely with Ionic, and create the theme you like the most
Then you need to copy over the CSS files or their contents, whatever, to the Worklight/MFP project and manually integrate the two (references in the HEAD or the contents injected into the CSS files
Not a nice approach, but since there is no Worklight > Cordova CLI integrate, the process is not nice.