Hello,

I’m interested for Meteor + Onsen UI development.
I know about about this example for React version of the Onsen ( https://github.com/frandiox/OnsenUI-Meteor-ToDo ) and it work as expected but I’m interested for vanilla JS version of Onsen.
I tried play with this example for vanilla Onsen UI + Meteor :
https://github.com/MeteorDemoApps/OnsenUI2JS-demo
But it seems that it does not work - look likes that the ons-navigator can’t find templates for ons-page and all these pages displayed on the screen at same moment (pages is stacked in z-order and we see latest template only).
Is something changed in Onsen or Meteor and this example out of date?

Moreover as I see Meteor create JS functions from HTML files and Onsen UI code can’t work properly (because can’t find specific ons- HTML elements). Is vanilla JS version of Onsen UI can work with Meteor?

Maybe somebody have WORKING example of the actual vanilla JS version of Onsen UI with actual version of the Meteor? Thanks!

@Fran-Diox No it’s not like that. I see that Monaca have strong structure of the projects’f folders and files and Monaca have some expectations from imported Cordova projects.
For example content of Meteor .meteor\local\cordova-build\ folder doesn’t have index.html file in \www\ subfolder ( this file stored in \www\application\ subfolder). Also in Meteor’s Cordova project resources files (icons and splashscreens) stored in resources folder instead Monaca’s res folder.
So, when you import this project to the Monaca you see stub index.html generated by Monaca in www folder, you see new res folder with standard Monaca icons and splashscreens, also <content src=""/> in the config.xml replaced from Meteor’s entry point to newly generated \www\index.html, and some other strange things :(

@Fran-Diox maybe you right regarding “weird from a UX perspective” but it is classic programmer’s dream - “write once run everywhere” :)
My other question regarding responsive grid is relevant to this idea too because we shold to use different layouts for small and large screens.

@Fran-Diox Thanks for Pen! I don’t have experience with Flexbox so I will be learn this possibility more detailed.

I want to use Onsen UI for a mobile application on Meteor. And I also want to use the cloud build from Monaca for this. Is it possible?
As I see the Meteor project has a completely different structure. But I understand that eventually they both do the Cordova project. What should I do to add to the Meteor Project the possibilities of the Monaca project? Does anybody have this experience?
Maybe there is a step-by-step tutorial to create a Meteor project, add Onsen UI to it, and then add parts of Monaca to use the Monaca cloud build?

I also worry about how Onsen UI website will be displayed in various browsers on various platforms. When we build a mobile application, we do not have such a variety of browsers (especially if we use Crosswalk). But it can be a problem if the website is displayed differently for Chrome / IE / Opera / Firefox / Safari on MacOS / iOS / Windows / Linux (and for several versions for each browser).
Does anyone know about such problems for Onsen UI?
@Fran-Diox what do you think about it?

@giuliohome Thanks for answer! Yea I know that we can hide blocks with CSS styles. But I mean pre-built libraries (similar to Bootstrap) which provide special classes. With this classes you can define how this block will be displayed (or hidden) on several screen sizes. With these classes you can change size, visibility, order etc. for blocks. For example - http://getbootstrap.com/css/#grid

@rgins16 Thanks, i understand your trick. But in my opinion we should to use additional space on the large screens more effictively.
I’m also interested in knowing what someone does with code that should only be in the application and not needed in the website - working with native plug-ins etc.

@rgins16 Thanks for info!
If you use Onsen UI for website - how you solve problem with layout for small/large screens?
I ask question regarding responsive grid in this topic.

Maybe someone else has the experience of using Onsen UI for a website?

Hello,

Unfortunately Onsen UI does not have a responsive grid for placing blocks on screens of various sizes. What grids can you recommend for use with Onsen UI? I have experience with Bootstrap but this library is too big to use it in a project for a responsive grid only. I’ve explored some other grids, but unlike Bootstrap, they can not hide some blocks on small screens or change their order (just make a stack instead of a line). Does anyone have a positive experience with a responsive grid for Onsen UI?