3. Can't set <v-ons-page style='background-Color transparent;'> (solved)

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Can't set <v-ons-page style='background-Color transparent;'> (solved)

  • N

    Hi,

    I am trying to use ezar camera plugin to take photos.

    On a page I am trying to put **transparent **to the background color of ons-page

    I am trying to use the quick start example of Ezar plugin which is

    //This is not changing the background color to transparent and I can see the white background
<v-ons-page style="background-color: transparent">  </v-ons-page>

//This is in the mounted section 
ezar.initializeVideoOverlay( 
  function(){ ezar.getBackCamera().start() }
)

    I need to use v-ons-page because I am loading it from other page. I am sure camera api is working properly as getBackCamera().start() is calling the success callback.

    Kindly help me with clearing this white background to transparent.

    0 1 Reply
  • Onsen UI

    @nipun.kr You can provide <div class="background"></div> element inside the page and style that instead. More info here.

    0
    N
     1 Reply
  • N

    @Fran-Diox Thank you for pointing me in the right direction. I can correctly set background now.

    Keep up the good work.

    0