Use image as <Page /> background

[chidimo]

Is it at all possible to use an image as a <Page /> component background in react-onsenui?

I’ve tried various combinations of inline and external styles, but nothing works.

I am working on a Meteor project.

[emccorson]

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.

[cesarechazu]

You could put an example for a single page using jquery?

[emccorson]

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.