Integrate Ionic Sass Customization in IBM Worklight - ibm-mobilefirst

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.

Related

Can we use a signle ionic-4 app for mobile and desktops

I am developing an ionic-4 app, Ionic provides cross platform apps but I am a bit confused and my confusion is can I use a single ionic-4 application for mobiles(e.g. Android and IOS) and desktops browsers(Chrome, firefox etc.) as website. Is it possible by using ionic version 4.
Yes, Ionic 4 provides a single code for the execution of multiple platforms.
Ionic Doc
here is help for you. You can check everything.
Yes, you can use Ionic for Android, IOS and Browser. Once the coding is done, you can add any platform to make its build. For example, if you add Android platform then you can take an Android build(APK).Before that you need to setup an environment for that . For example, you need Android studio for taking Android build and Xcode for taking IOS build. It's all depends on the platform that you use.
Please go through Ionic documentation and Youtube tutorials to get a correct picture.
Thank you

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");

Integrating Unity project into Cordova with mgcrea plugin

I have an Unity 3D project made for Android and I'm trying to port it in IOS. I created a similar project with Apache Cordova but without 3D graphic, and now I found a plugin for Cordova that promise an Unity integration with Cordova (https://github.com/mgcrea/cordova-plugin-unity). I've tried to integrate it, but I haven't understand where I must insert my Unity files into Cordova.
Unfortunately there isn't a working example and there's a lack of detailed explanation, so I would ask if anyone has already tried that plugin and eventually how it works.
Thanks in advance!

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.

Worklight v6.2 - Android Cordova Plug-in

Has anyone tried the "Android - Adding native functionality to Hybrid Application using Apache Cordova plug-in" feature in v6.2 ?
I'm trying to use a 3rd party library on the client side and wanted to understand where to put the plug-in java class in the project. The documentation shows a java package (src) structure whereas the best I can find is normal folders in the android native folder.
Thanks.
The reason you see these as "regular" folders is likely because you are look at the Worklight project rather than the generated Android project.
Worklight project\apps\your_app\android\native\ ... will look as folders because they are indeed just folders.
Once you build your Worklight application (containing an Android environment), an Android project will be generated. In it, you will see the folders as packages, etc.
A Worklight project and application structure is explained in earlier training modules:
Creating your first Hybrid Worklight application
Previewing your application on Android
So, you should place your Java Class file in Worklight project\apps\your_app\android\native\src\com\package_name\ ...
Note about Cordova plug-ins in Worklight: depending on the plug-in this may not be possible to use as some plug-ins require using the Cordova plugman, which is not yet supported in Worklight.