This is all CSS so you don’t need jquery or even JS for this. You literally just need to use the CSS I posted.
Posts made by emccorson
-
RE: Use image as <Page /> background
-
RE: vuejs onsen app using both splitter and push page navigator, push page not working
It might be to do with having defined both
page-stack
and a child page on the navigator. If you look at the example here you can see it doesn’t define any child elements: https://onsen.io/playground/?framework=vue&category=reference&module=navigatorDo you have this in a git repo or something like that? If you can give a link to that, I’ll clone it and debug the problem.
-
RE: cordova windows 8 visual studio - builtIn.remove dont get call property of null or undefined
I’m not sure what’s going on here, but I don’t think it’s a problem with Onsen UI necessarily. I would guess that it’s to do with the webview used by Cordova Windows not supporting some browser features, like you said. But I’m not sure.
Is there any way you could change the error messages in Visual Studio to English? That would help a lot.
-
RE: bind dynamically added links to pushPage
You would want to set the link’s
onclick
property:document.querySelector('#link').onclick = () => navigator.pushPage('some-page.html')
-
RE: getting last generated page from pushPage
Sorry, I’m not really sure what you’re asking.
You can get the new page when pushPage is run from the postpush event https://onsen.io/v2/api/js/ons-navigator.html#event-postpush
-
RE: Use image as <Page /> background
You can set the background image of a page by setting the
background-image
CSS property:.page__background { background-image: url('some-image.jpg') }
That will set it for all pages. To set it for a specific page you should use an ID and select the element with class
.page__background
that is a child of your page ID. -
RE: Ons-tab tabbar element loading external site
Yes, that’s what I’m saying, that a remote server URL won’t work because of security restrictions in the browser. However, anything hosted in your cordova folder should work.
-
RE: Queryselector - getElementById -> Not Working within Onsen Modal
This should work properly (and I verified it by moving the inputs into a modal like you said).
Can you post the code please? Then we should be able to see the problem.
-
RE: UI navigator pageStack + template with splitter
I’m not sure exactly what the problem is. Is it that when you click ‘Start Searching Now’, the push animations no longer work on ‘Sign in’ and ‘Sign up’?
-
RE: Ons-tab tabbar element loading external site
Onsen UI uses XMLHttpRequest internally to load pages. For browser security reasons, you can’t load a page with a different origin using this method. That explains why you were able to load a page hosted on the same server as your app but not on a different server. More details here: https://en.wikipedia.org/wiki/Same-origin_policy
Can you provide some more details about what you’re trying to do so we can recommend you a solution? For example, if you’re just trying to open the Google Maps app, that’s pretty straightforward to do (just make a link with the
geo
URI).