Mdb-ui-kit: Disable Ripples?

Created on 7 Aug 2015  路  4Comments  路  Source: mdbootstrap/mdb-ui-kit

Is there a way to disable Ripples on an element? (currently it runs on all my a:links)

Most helpful comment

  1. another javascript way
    When you initialize bootstrapMaterialDesign you pass an object with ripples set to false:
    $('body').bootstrapMaterialDesign({ ripples: false });

All 4 comments

add class .withoutripple to anchor tag

I'm writing this in case some poor souls happen upon this problem.

There are two methods I'll describe here, assume you want to disable ripples on links inside your .site-header

  1. the javascript way:
    $('.site-header a').off().data('plugin_ripples', null);
    above call should be made after material-kit.js
  2. the css way
    .site-header .ripple-container {display: none;}
  1. another javascript way
    When you initialize bootstrapMaterialDesign you pass an object with ripples set to false:
    $('body').bootstrapMaterialDesign({ ripples: false });

@doug-gv
$('.site-header a').off().data('plugin_ripples', null); doesn't work for me but the css works perfectly!

I also tried targeting it different ways.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

versedi picture versedi  路  7Comments

dmwyatt picture dmwyatt  路  3Comments

hans-d picture hans-d  路  5Comments

rh78 picture rh78  路  8Comments

Elisa1202 picture Elisa1202  路  5Comments