Posts made by nipun.kr

nipun.kr

While using <v-ons-input> I get a autofill option. If the autofill option is selected then the UI breaks completely.

Can we turn off the autofill?

nipun.kr

Hi,

I am using vue-onsen components to develop an app.I find that monaca takes too much time like few minutes too transpile on the local monaca cli. Due to this development time has increased a lot. For all small changes I have to fast transpile and then run cordova which is taking unusually long times.
Is there a way to fasten up this process?

nipun.kr

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

Keep up the good work.

nipun.kr

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.

nipun.kr

Hi,

Has anybody been successfully able to use ons-lazy-repeat with infiniteScroll

<template>
<v-ons-page :infiniteScroll='getData'>
    <p style="text-align: center">
		<v-ons-row>
			<v-ons-col v-for='img in listItems'><v-ons-card><img :src='img' alt="Onsen UI" style="width: 150px;height: 200px"></v-ons-card></v-ons-col>
		</v-ons-row>  
    </p>
  </v-ons-page>
</template>

I am getting URL list of images from API call. I would like to make the above grid run in lazy-repeat to make it more efficient. First is it possible? Second please give a small demo code/ example where the same behavior can be demonstrated?

nipun.kr

@Fran-Diox Thanks. Your solution worked.

nipun.kr

Hi,

I have just started using onsen UI.

I used monaca cli to create me OnsenUI with Vue2 tabbar template.
Everything is working fine but for some reason I can’t turn off the MD styling for android.

The problem I am facing is that I am getting that I am getting

“Uncaught ReferenceError: ons is not defined.”

I have tried adding ons.disableAutoStyling() at two locations
Code for main.js

import 'onsenui';
import Vue from 'vue';
import VueOnsen from 'vue-onsenui';
ons.disableAutoStyling(); //Not Working

// Onsen UI Styling and Icons
require('onsenui/css-components-src/src/onsen-css-components.css');
require('onsenui/css/onsenui.css');
import App from './App.vue';
Vue.use(VueOnsen);
new Vue({
  el: '#app',
  template: '<app></app>',
  components: { App }
});

Code for index.html

<!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <meta http-equiv=Content-Security-Policy content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script type=text/javascript src=components/loader.js></script> <link rel=stylesheet type=text/css href=components/loader.css> <link href=app.css rel=stylesheet></head> <body> <div id=app></div> <script type=text/javascript src=vendor.bundle.js></script><script type=text/javascript src=app.bundle.js></script> <script>ons.disableAutoStyling();</script> </body> </html>

Even when I am trying to debug it on my android phone I get ons undefined error. Please help as I plan to use IOS styling only.