Onsen UI

You can set the animation attribute on ons-sliding-item, which will make the animation the same on all platforms. Take a look at https://onsen.io/v2/api/js/ons-splitter-side.html#attributes

Typically the icons go inside their respective platform tag. So, this should probably go inside <platform name="android"></platform>.

Thanks for posting this. Recently we changed a lot of event listeners to be passive for performance reasons. The Chrome blog has a good post on passive event listeners if you’re interested.

One side effect is that we can’t use preventDefault inside those listeners. We must have missed this one. It won’t affect your app, but it’s not nice to see errors in the console. I have created a GitHub issue to track it.

Nope, you don’t need Eclipse or anything like that. To install Monaca CLI, all you need is npm, which is what you use to install it on the command line.

Hi Luigi,

If you want to build apps for Android and iOS, then you do not need WAMP at all. Onsen UI and Monaca will provide you with everything you need!

Follow the Monaca CLI tutorial on how to get a project set up. When you are setting up the project using the CLI, you can choose the Onsen UI Angular 2 template. That should help get you started!

It’s a bit hard to figure out what exactly might be causing your issue without being able to see the app itself. Could you reproduce the issue on https://onsen.io/playground/ and share a Codepen here?

Are you missing a - from your class name? There should be two after page, like this: .page--full_bg__background.

If it still doesn’t work after that, I would recommend looking in your browser’s developer tools to see if the image definitely exists. Remember that URLs in a CSS file are relative to the CSS file itself, not the page it is included in. So maybe it should be more like background: url('/img/Backg.png');?

Yes, you can safely remove the unminified files (and any other files you are not using) from your builds. Your included JS files look fine, I do not see anything missing there.

As for $compileProvider.debugInfoEnabled(false), it should work with Onsen UI. If it doesn’t, there may be a bug with one of the components which prevents it from working. If you know which component exactly is causing it, please do file an issue at https://github.com/OnsenUI/OnsenUI/issues and we’ll do our best to fix it!

@Bassie JavaScript issue: Use an arrow function instead. Normal functions create new contexts but arrow functions don’t.

@Paweł-Wojtaszko There is currently a compatibility issue with some drag-related libs. Check this topic for more info https://community.onsen.io/topic/2989/unable-to-disable-ons-splitter-side-gesture-detector