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



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


  • Onsen UI

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



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

    Keep up the good work.


Log in to reply