Topic: checkbox corrupted

blondie63 priority asked 4 years ago

I've a corrupted checkbox on my app, but i've used same mdb demo code:

  <div class="col-auto align-self-center">
    <div class="md-form py-4 my-0" [style.width]="'220px'">
      <div class="switch mdb-color-switch">
          {{'Email Verified' | translate}}
          <input type="checkbox" name="email_verified" [(ngModel)]="filters.email_verified">
          <span class="lever"></span>

my checkbox

demo checkbox ok

some help ? Thanks

Konrad Stępień staff commented 4 years ago


Could make you sure that you don't overrides styles in your global file?

Please send me more information, because I can't reproduce your issue. Also, you can send me your project for my mail

Konrad Stępień staff answered 4 years ago

Thanks for report bug!

We will probably push changes in this release.

Best regards, Konrad.

blondie63 priority commented 4 years ago

ok, should i change the same to ?



Konrad Stępień staff commented 4 years ago

If you want to fix it now, you should add something like this in your global style:

.switch label {
    overflow: unset;

Or wait for update package, and then to update MDB angular.

Regards, Konrad.

blondie63 priority commented 4 years ago

ok but i'm referring on a message from you where you said: "You use old code of slider"

it's true? do I have to change code for sliders? Thanks Regards

Arkadiusz Idzikowski staff commented 4 years ago

The thread title suggested that you use checkbox component. For switch component you don't need to change the code, just add the styles fix provided by Konrad or wait for our update.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 9.0.0
  • Device: browser
  • Browser: chrome last
  • OS: mac osx last
  • Provided sample code: No
  • Provided link: No