Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. Q-Brad
    • Profile
    • Following 0
    • Followers 0
    • Topics 8
    • Posts 22
    • Best 4
    • Groups 0

    Q-Brad

    @Q-Brad

    7
    Reputation
    13
    Profile views
    22
    Posts
    0
    Followers
    0
    Following
    Joined Last Online
    Location Canada

    Q-Brad Follow

    Best posts made by Q-Brad

    • Whoever worked on q-menu is a frickin' genius.

      Seriously… I needed specific custom functionality all over my site and q-btn-dropdown simply doesn’t cut it. But… a q-menu inside a q-btn is epic. I can do easy offsets, capture open/close events, use custom styling and content.

      q-btn with q-menu is a dream to use. So, thank you!!

      posted in Framework
      Q-Brad
      Q-Brad
    • RE: [Solved] Strange Behavior - Going past last q-btn in q-toolbar activates the first q-btn.

      Thanks… done.

      posted in Framework
      Q-Brad
      Q-Brad
    • [Solved] Strange Behavior - Going past last q-btn in q-toolbar activates the first q-btn.

      Hi all,

      New here to the forum. I’ve been using Quasar for a while now - but when I started using the newer version 1.9.8, I seem to be having an issue with the q-toolbar/q-btn. Has anyone been experiencing this?

      Image-1: Hovering over the last button normally.
      ButtonOverrun 44.png

      Image-2: Moving past the last button highlights the first button and if I click, will activate the first button.
      ButtonOverrun 50.png

      I’ve only made a few changes to the code after creating the project… as such:

      <q-header>
      	<q-toolbar>
      		<q-toolbar-title>App Title</q-toolbar-title>
      		<q-btn flat dense round aria-label="Comments" icon="r_comment_text" to="/comments" />
      		<q-btn flat dense round aria-label="Notifications" icon="r_notifications" to="/notify" />
      		<q-btn flat dense round aria-label="Account" icon="r_account_circle" to="/account" />
      	</q-toolbar>
      </q-header>
      

      Anyone else getting this?

      posted in Framework
      Q-Brad
      Q-Brad
    • RE: [Solved] Strange Behavior - Going past last q-btn in q-toolbar activates the first q-btn.

      @metalsadman Thanks so much! That solved my issue. It was driving me nuts a little bit. The strange thing is that, as you can see from my images, the icon was still displaying properly. Weird.

      Edit: Is there a way to mark your answer as the correct one… or solved?

      posted in Framework
      Q-Brad
      Q-Brad

    Latest posts made by Q-Brad

    • RE: Contract opportunity for senior full-stack developer

      @Graypes Hey there… sent you a message.

      posted in Jobs
      Q-Brad
      Q-Brad
    • RE: [Solved] What is the impact on many globally available custom components?

      @metalsadman Thanks! I’ll check them out.

      posted in Help
      Q-Brad
      Q-Brad
    • RE: [Solved] What is the impact on many globally available custom components?

      @beets Hmm… that’s very interesting, and potentially very helpful. Thanks for that input. Would you happen to have an example of how that works somewhere in a github repo or something? It would be great to be able to see an example visually.

      posted in Help
      Q-Brad
      Q-Brad
    • RE: [Solved] What is the impact on many globally available custom components?

      @metalsadman Thanks for the response. Yes, this is basically my conclusion as well. And you’re right, 100+ components is a lot, hence the reason for the question… but in the end, you’re probably also correct - I should probably just globally register the layout/form components that are used 80% of the time or more, and just deal with the annoyance of having to do multiple imports on most pages. I guess I got spoiled (and a bit lazy) by having the ability to globally register. 😁

      posted in Help
      Q-Brad
      Q-Brad
    • RE: [Solved] What is the impact on many globally available custom components?

      @qyloxe Soo… your answer is basically to say that you don’t know the answer, and that I should just go figure it out myself - which I have been attempting to do using developer tools - and that I shouldn’t bother asking if any of the many knowledgeable developers here have had any experience on the subject. Nice.

      posted in Help
      Q-Brad
      Q-Brad
    • [Solved] What is the impact on many globally available custom components?

      I have about 100+ custom UI components for my website. Instead of having to import many of them on each different page on the site, I’ve basically imported them all via the [boot] section in quasar.config.js. Notice the ‘components’ section in quasar.config.js in the image below:

      b000caee-7971-4708-91e4-d03bc836f37c-image.png

      This references a components.js file which registers 100+ components as in this example (abbreviated):
      5421eac7-1d32-41ab-8b6a-8fe84d924136-image.png

      I’ve been wondering, is this a good way to do this? Is there an impact on the initial application load?

      Again, all of this is an exercise in not having to include all sorts of import statements into each SPA page that uses different components.

      Is there a better way?

      posted in Help
      Q-Brad
      Q-Brad
    • Whoever worked on q-menu is a frickin' genius.

      Seriously… I needed specific custom functionality all over my site and q-btn-dropdown simply doesn’t cut it. But… a q-menu inside a q-btn is epic. I can do easy offsets, capture open/close events, use custom styling and content.

      q-btn with q-menu is a dream to use. So, thank you!!

      posted in Framework
      Q-Brad
      Q-Brad
    • RE: [Solved] Anyone know how to get a Bootstrap type glow on focused text input fields?

      @dobbel So what I did was the following and it works perfectly so far:

      In app.sass

      .lm-input-hilight.q-field--focused.q-field--outlined .q-field__control::after
      	box-shadow: 0 0 5px rgba(81, 203, 238, 1)
      	border: 1px solid rgba(81, 203, 238, 1)
      

      I then simply applied my lm-input-hilight class as follows:

      <q-input outlined dense class="lm-input-hilight" v-model="lmGlobalSearch" bg-color="white" placeholder="Search...">
      	<template v-slot:prepend>
      		<q-icon class="text-grey-5" name="search" />
      	</template>
      </q-input>
      

      Thanks for your input, it led me to where I needed to be! 😃

      e5394d18-cf68-45a5-a541-162c44c0f4ed-image.png

      posted in Help
      Q-Brad
      Q-Brad
    • RE: [Solved] Anyone know how to get a Bootstrap type glow on focused text input fields?

      @dobbel Hey wow… that’s a good start. I’m going to try to work with that.

      posted in Help
      Q-Brad
      Q-Brad
    • RE: [Solved] Anyone know how to get a Bootstrap type glow on focused text input fields?

      @dobbel Yes, that’s the type of glow I’m looking for. I’ve tried standout… I don’t see how to manipulate that to get the blue glow. Any other ideas?

      posted in Help
      Q-Brad
      Q-Brad