Posts made by matroskin

thanks, I’ll use your variant )

Hi,
how to block the scroll of page, when any dialog (not seamless) is active?

I cannot use css in this case
.q-drawer__backdrop has no different attributes or classes when it is active/inactive
When it is active - framework apply background-color: rgba(0, 0, 0, 0.4); dinamically…

<div class="fullscreen q-drawer__backdrop" ... >

I mean
it has

background-color: rgba(0, 0, 0, 0.4);

property by default

this color: https://prnt.sc/ott0it

Interesting… In my code above, I changed resolve(file) to resolve(null)
It works, axios sending and no errors in console

Nope… Maybe I should send issue?

That’s the drawer bg color, where the items there are. I need to set color of behind the drawer

How to set drawer’s backdrop bgcolor?

It works, thanks

Hi,
how can I use vars in assets path?

<img src="~assets/img.png" />

is ok
but

<img :src="'~assets/img' + id + '.png'" />

doesn’t work…
img src is ~assets/img5.png now

Any suggestions?

Any suggestions?

        uploadFactory(file) {
                        let vm = this,
                            data = new FormData();           
                        return new Promise((resolve, reject) => {            
                            this.$axios.post('/upload', data, {            
                                    headers: { 'Content-Type': 'multipart/form-data' }            
                                })            
                                .then(response => {                                        
                                    resolve(file);            
                                })            
                                .catch(error => reject(error))            
                        });            
                    }

https://quasar.dev/vue-components/uploader#QUploader-API
tells me that url is not required
but this code

<q-uploader :label="label" :multiple="multiple" class="full-width" auto-expand
            :auto-upload="autoUpload" :factory="uploadFactory"
            accept=".jpg, .png, .gif, image/*" ref="Uploader">
</q-uploader>

tells me

q-uploader: invalid or no URL specified

The best way is to “keep” thumbs inside uploader as before uploading, is it possible?

yep, dismiss defaults if I set actions in $q.notify(…)

Anybody helps?

Hi,
I have default notify defaults:

Notify.setDefaults({
    position: 'bottom',
    timeout: 10000,
    textColor: 'white',
    actions: [
        { icon: 'clear', color: 'white' }
    ]
});

but when I call like this:

this.$q.notify({
	message: 'New message',
	actions: [
		{ label: 'View', handler: () => console.log('wooow') }
	]
});

as result I have two actions:

how can I dismiss default actions and leave only “View” action?