Is there a way to disable ripple effect?

[beeplin]

Sometimes we don’t want ripple effects for certain compnents which are by default with ripple. Is there a way to specifically disable ripple effects for a certain QBtn\ QCollasible or so?

[rstoenescu]

Hi, currently no. Why do you need it disabled?
FYI: v0.14.4 will trigger ripples only on a successful click/tap - so not triggering it on a swipe or any other touch event. I believe this is actually what you are trying to avoid?

[beeplin]

Sorry for the delay. Didn’t have Internet connection for the last few days.

When running a Quasar app on a lower-end mobile device (like a smart phone produced 5 years ago…), ripple effect always causes considerable lag. That’s why I am considering disabling it.

[daltomdesigner]

On v0.15 You can use no-ripple

<q-btn color="primary" size="sm" no-ripple> Ripple Disabled </q-btn>

[Alex]

A global configuration in combination with a slow device detection will be nice.

[Julia]

This does not seem to work on select boxes. Has anybody been able to disable the ripple on select boxes?

[s.molinari]

@Julia - What is a select box?

Scott

[Julia]

Thank you for asking. I mean a select tag.

[s.molinari]

Do you mean QSelect by chance? There is no select tag in Quasar. And there is no ripple in QSelect, so, I am confused.

Scott

[codethirsty]

Hi, I really need to remove the ripple from some of my buttons for design reasons. Quasar allow me to do that?

[beets]

@codethirsty Try putting :ripple="false" on the q-btn

[codethirsty]

@beets Thanks, it works! This was my first question at the forum and the solution came out in 5 mins. This community is great

[beets]

@codethirsty You’re welcome. A lot of us here use Quasar daily, so I didn’t even need to look that up in the docs, just wrote it from memory. As long as you’re able to provide a clear an concise question, there’s lots of help here!

[s.molinari]

@codethirsty - Next time, also please start a new thread. Thanks.

Scott