Sorry if it has been asked before but does anyone know how to have q-btn span the height of q-toolbar? I’m trying to make it look like how you see it in Vuetify but I haven’t had any luck on it

I think I found the answer. It was actually in the documentation for Buttons (fml…) just put no-caps in it

<q-btn
  no-caps
  label="wTv"
/>

@nothingismagick Yeah, when I reloaded the page, it gets back to normal. And I need to set it in a vue component so I don’t think that’s how it is meant to work. I do have AddressbarColor under plugins, which is under framework in the quasar config file. Also have the addressbar-color.js so I’m not sure what I’m missing

@nothingismagick Preferbly without any post-formatting. Because currently, if built with the material theme, it defaults to All Caps. I know you can add in the lowercase or uppercase class if you want all lowercases or all uppercases respectively. The current way I do it works but I’m not sure if it’s the right way to go about it

If you want to change the capitalization of the label in QBtn, what’s the best way to go around it?

Currently, I have it as

<q-btn
  class="capitalize !important"
  label="Button"
/>

Works for both mat and ios themes but I’m wondering if there is actually a recommended way to handle this? Thanks!

Hi guys, just wondering if it is meant to work properly in the dev build. I followed the documentation listed here: https://quasar-framework.org/components/addressbar-color.html

However, if I just have the addressbar-color.js file, nothing ever shows up. But if I set the color in a .vue file, I can get the addressbar-color but when I refresh it, it’s gone.

I am testing it via the Chrome browser on Android 8.1 using my local IP address since the dev build is being run on my desktop

@nothingismagick Thanks for the update man! Can’t wait for it :smiling_face_with_open_mouth_smiling_eyes:

Hi guys, was wondering if it will be possible to port an existing project to one with SSR when 1.0 comes out?

Alright, thanks Scott. Wasn’t entirely sure on how to go about it. Thanks for pointing me into the right direction

Edit: Wow, http-server is very simple. Now I just need to figure out how to have it all set up on AWS

Hi, just wondering if it’s possible to host a Quasar app as a node.js app on platforms such as AWS?
If that’s not possible, what are my options to serve it online? Currently, when I upload my work to AWS, I get a Cannot GET / message on the main page so I’m not sure how to go about this.

Edit: I realise this is more of a Vue.js question as opposed to a question about the Quasar Framework. I’ve asked it here: https://forum.vuejs.org/t/uploading-a-vue-js-app-on-aws-as-a-node-js-app/10466
However, if anyone of you do know about it, please reply. Thanks!

I managed to solve my problem but the drawer component in my other .vue file is not tagged with <q-drawer>, just a <div> instead. Then I referenced that in a <q-drawer> in Index.vue. It’s definitely not the right way but it solves my issue.

Alright, thanks. I’ll look into it.
I assume it’s somewhere in here: https://vuejs.org/v2/guide/events.html

Hi guys, currently I have a drawer working in my Index.vue file. However, how do I separate it into another component such that I can still use a button from Index.vue to open and close the drawer, and also able to implement classes such as the hide-on-drawer-visible class though the drawer is being called from another component? All I can get now is the drawer being displayed permanently on the page

Edit: Alright, I can make my main drawer hide when the screen is small and show when the screen is big enough. However, I still can’t wrap my head how to close/open a drawer that is being referenced from another component and also have it to hide when the screen is big enough