Hello there, I’m having trouble getting this to work and I don’t know why. I’m using quasar v1 and have a boot file that is being called (I checked) with the code above. However when I inspect the rootState object available in an action in the store I don’t have any route property. Anyone any ideas?

@s-molinari

Yes that would be a workable solution, thanks!

No, that is an input component where you can change some value. I only want to show a value. But on the Knob component there is also no hover style, so I would have to add that manually.

I want to know if it is possible to apply custom hover styles on a q-circular-progress component and how. If it is not, I’ll see if I can use some other component.

That is not the only purpose of this component, I use it to display a value. I have an overview page on which I want to use this component to display a certain value and click on it to get more details on that value.

Hello,

I’m just starting with the framework and it works pretty well Lot of things work easily and out of the box but I have now encountered something that I can’t quite figure out. I want to use a q-circular-progress component as a router link, so I want to apply some styles to it on hover to make it obvious that you can click on it.

I can’t get any styles to apply on hover, I saw that a svg with a circle is used to draw the component but I had no luck trying to target those with css.

Here is what I tried:

<style lang="stylus">
.q-circular-progress
  margin: .5rem

  &:hover
    cursor: pointer

  &:hover > &__circle
    fill: red !important
</style>

Which does not work. If I add the &__circle under the main class it does change the color of the inner circle.

What is the way to apply styles to this component on hovering?

Thanks!