rcpinheiro

rcpinheiro

rcpinheiro

Hi!
Is there a way to change the animation of the ons-splitter menu?
If not, anyone knows what functions needs to be changed to change the splitter behaviour? Thanks in advance.

rcpinheiro

Just a quick reminder to whomever sees this: this tutorial uses DialogFlow V1 that it’s not possible to use in new Google projects and will stop working for everyone on October 23th, 2019.
For more information: https://github.com/dialogflow/dialogflow-cordova-client

rcpinheiro

@nightrobin Index.html is your entry point, where all the action is :)
You’ll have to include Onsen Javascript, CSS, etc.
Cordova apps are almost the same as a regular website, you just have to include cordova.js and only use local relative paths. The rest is the same.

Here’s an example of a valid Cordova index.html using Onsen:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css">
  <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css">
  <script src="https://unpkg.com/onsenui/js/onsenui.min.js"></script>
  <script src="cordova.js"></script>
</head>
<body>
  <ons-button onclick="alert('Hello World!')">Click Me</ons-button>
</body>
</html>

If you’re lost, give Monaca.io a spin, it does all the nitty-gritty work for you.

rcpinheiro

Hi!
I’m trying to develop an app that uses cordova-plugin-googlemaps to access Google Maps but in the browser preview I always get the error “Cannot read property ‘google’ of undefined”.
Here’s the JS:

document.addEventListener("deviceready", function() {
    console.log("This is never called in browser");
});

document.addEventListener("init", function (event) {
  if (event.target.id=='home') {
      var mapDiv = document.getElementById("map");
      // Next lines = error "Cannot read property 'google' of undefined"
      window.plugin.google.maps.environment.setEnv({
        'API_KEY_FOR_BROWSER_RELEASE': '<KEY>',
        'API_KEY_FOR_BROWSER_DEBUG': ''
      });
      var map = window.plugin.google.maps.Map.getMap(mapDiv);
  }
});

The HTML:

<ons-navigator swipeable id="myNavigator" page="home.html"></ons-navigator>

<ons-template id="home.html">
	<ons-page id="home">
		<ons-toolbar>
			<div class="center" class="white">Map App</div>
		</ons-toolbar>
                <p>Hi, Onsen with Google Maps!</p>
		<div id="map" style="width:100%;height:500px"></div>
	</ons-page>
</ons-template>

Since deviceready() also is not called, I think the problem must be with the plugin although the documentation says browser is supported (it uses Google Maps V3 API)

Note: this is a brand new project and besides cordova-plugin-googlemaps, no other third-party plugin are installed.

I haven’t tested yet on a real device but I need desperately browser preview or the development will be a pain…
Thanks in advance!

rcpinheiro

Is it possible to create valid AMP pages using Onsen?
If not, is it planned for future versions?

rcpinheiro

Hi!
Has anyone been able to use a autocomplete feature with ons-search-input? I’ve tried a few scripts and don’t work or the results require quite a bit of CSS kludges.
Thanks in advance!

(Note to Onsen developers: autocomplete would be great in the next release)

rcpinheiro

Hi!
Does anyone know how to include Firebase notifications AND Authentication (email,Google,Facebook, etc) in Monaca?
I’ve tried cordova-plugin-firebase but it seems it only works with notifications.
Also couldn’t make cordova-plugin-firebase-authentication to work - it doesn’t even get loaded in the Custom Debugger (“the following plugins are not included in the debugger”), maybe there’s a compatibility problem with cordova-plugin-firebase. Same results in a debug build.
Thanks in advance!

rcpinheiro

Ok, thanks for the tip.

rcpinheiro

Hi!
To use AppUploader to generate certificates only for testing is it needed to pay for an Apple Developer account or a free account will be enough?

rcpinheiro

@rcpinheiro

Posts made by rcpinheiro