How to navigate from one html page to another in IBM MobileFirst? - 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");

Related

IBM MobileFirst 6.3 - Android Fingerprint Authentication

I want to implement finger print authentication in my IBM Mobilefirst 6.3 Hybrid Android application. I saw some examples in cordova -
https://github.com/mjwheatley/cordova-plugin-android-fingerprint-auth
Here How can I add cordova-plugin-android-fingerprint-auth plugin to my application? Is there any better way to implement this feature?
I was able to implement touch id in hybrid iOS application.
https://github.com/EddyVerbruggen/cordova-plugin-touch-id?cm_mc_uid=04136042670715040496130&cm_mc_sid_50200000=1504217038
Need help to implement similar in Android.
Thanks
Mobilefirst 7.0 and prior releases does not support Cordova plug-man to install Cordova plug-ins and Hence you can't add plugins directly to your applications using cordova command line.
You need to follow the manual installation instructions as explained in this blog post to add cordova-plugin-android-fingerprint-auth plugin in your application.

How to add browser platform to MFP cordova app?

I'm looking for a way to add browser platform to the current mfp cordova app for testing purpose. When I tried to run mfp cordova platform add browser, I got the error
Error: Hook not implemented yet for browser
By the looks of the commands, you're using 7.1. This release does not support the Web platform for Cordova apps.
Note that Mobile Foundation 8.0 supports standard Cordova apps, including the Web platform.

ReferenceError: cordova is not defined in MobileFirst

I am developing Chat application push notification using PubNub. I used pushnotification.js file in my Mobilefirst project as per the direction from
https://www.pubnub.com/blog/2014-12-18-sending-android-push-notifications-via-gcm-javascript-using-phonegap/
But i am getting the "ReferenceError: cordova is not defined" . How can i solve this issue in my MobileFirst Project?
Please suggest
You are not explaining at all(!) the steps you have taken in order to set this up. I am not sure what kind of support you're actually looking for with such a question.
What I Can recommend you to do is to NOT use a Hybrid app for this. Instead, assuming you're using MobileFirst Platform Foundation 7.1, you can use the "pure" Cordova application type (instead of "hybrid" from MobileFirst Studio). With this application type you will be able to more easily follow the instructions provided in that page.
This is because plug-man is not supported by Hybrid apps to install Cordova plug-ins, making it very difficult to get things working.
So go ahead and follow this tutorial first: https://developer.ibm.com/mobilefirstplatform/documentation/getting-started-7-1/foundation/hello-world/integrating-mfpf-sdk-in-cordova-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.

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

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.