Useful bits of code for WP-AppKit
Let’s say that you have an internal link in one of your post content:
|
1 |
<a href="#my-internal-element">Go to internal element</a> |
That points to the div with id=”my-internal-element”:
|
1 |
<div id="my-internal-element">Here's the internal element we want to go to</div> |
The thing is that internal links (beginning…
To add a Cordova plugin to your app, add the plugin in the PhoneGap > Plugins box. For example:
|
1 |
<plugin name="cordova-plugin-google-analytics" spec="1.8.3" source="npm"/> |
|
1 |
<plugin name="cordova-build-architecture" spec="https://github.com/MBuchalik/cordova-build-architecture.git#v1.0.1" source="git"/> |
Then you can use the plugin’s functions (in this example…
WP-AppKit’s liveQuery webservice allows to make any custom data query from the app to the server. Here is an example that shows how to use the liveQuery webservice to send…
WP-AppKit version 1.5.2 has dropped support for CrossWalk. If you need to re-activate it for your app you can add the following to any php file in the php directory…
On Android, when you’re on your home/default app screen, you may want to exit the app when you hit the device’s back button. Here’s a snippet to add to your…
If you need to customize your menu items, for example attach an icon to each item, you can use the wpak_navigation_items filter. On PHP side (in a php file in…
When adding notifications to your iOS app using the WP-AppKit Pushwoosh Addon, you may need to know your device push token. If you use Xcode you can get it from…
By default, WP-AppKit includes CrossWalk Cordova plugin, leading to a heavy final application (+20MB). To disable CrossWalk and reduce the size of the application, add the following in a php…
You may want to create link to another post from the single.html. In that case, you’ll need to modify the history and screen transitions behavior. The code below detects a…
To create a custom app screen that is rendered using a custom template:
|
1 2 3 |
//In functions.js: App.addCustomRoute( 'my-custom-screen-fragment', 'my-custom-screen-template' ); //Note: no final .html for the template name here! |
This creates a new screen in the app that can be reached at #my-custom-screen-fragment and is…