No More Posting New Topics!

@kero

Please create a new post and explain your problem.

I just found the solution!!!

/* / 200

@aitcheyejay

pngColor maybe what you need?

pngColor : Background color to use for the png generator, when “background: true” in the asset definition (like for the cordova/capacitor iOS icons)

See: https://quasar.dev/icongenie/profile-files

@twa yes it’s good, but only for non SSR apps.

@twa you can pass around your store context in your router/index.js export default function or other means like exposing it from a boot file or tye store/index.js file, then import it where you need it. Make a search there should be topics about it in here, or refer back in the docs for some examples, ie. Boot, router or vuex sections.

You are correct with using a middleware/vue router navigation guard.

Edit: answered you on a relevant thread that you commented on.

Did you solve?

suleiman_as

Oh, I see.
Thank you.

@tc Hi,
Just like you are using storage plugin as I’m using advance HTTP plugin.
Cordova loads plugins after when device is ready. If you try to use plugin directly when app is booting then these plugins would not be available. So I used “deviceready” event to access http plugin and you can use the same event.

yep that helped 😃 also moved it to its own json object: leftStyle: {backgroundColor: '#000000'} and self.leftStyle.backgroundColor = data[0]; does the trick. Thank you

@wpq You have a range between 0 and 16777216, map these to your numbers (like multiply by some constant number or use any other formula you would like) and then convert the computed number to hex code. Then, just add style=“background-color: #computed-hex” on that tag.

** you can map hex directly, but would require some extra coding.

@francis6425 Would this one work? You should be interested in “fff” paramater in view for that. https://quasar.dev/layout-builder

<template> <q-layout view="hHh lpR fff"> <q-page-container> <router-view /> </q-page-container> <q-footer elevated class="bg-grey-8 text-white"> <q-toolbar> <q-toolbar-title> <q-avatar> <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg"> </q-avatar> Title </q-toolbar-title> </q-toolbar> </q-footer> </q-layout> </template>

@jehadjaghoub Thanks for the answer, it really helped me!

Thank you, some things in the GitHub repo are different to get this thing working. An official example from Quasar Team would be great. Or even an quasar build -m ssr:firebase command.

Update: I managed to fix it by just adding types to the cordova plugin folders! I just whipped up some really quick type definitions for NavigationBar (and StatusBar already had typedefs, which is cool) and no more horrible red lines. Leaving this here for anyone who might be having the same problem!

@tc

Great! This was a difficult one 😉