Monaca Onsen UI Discord Chat Github Repo

Use image as <Page /> background



  • 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.


  • administrators

    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.



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