Topic: Is it possible to use ‘Filled-in’ checkbox class into Multiple select?

milestoneadmin pro asked 6 years ago


Actually, I want "filled-in" class into checkbox which is coming in Multiple Select options.

Start .html code here

<div class="row">
    <div class="col-md-6">
        <mdb-select [options]="optionsSelect" [multiple]="true" placeholder="Choose your option"></mdb-select>
        <label>Example label</label>
    </div>
</div>
@Component({
  selector: 'multiple-material-select-example',
  templateUrl: 'multiple-material-select.html',

})

export class MultipleMaterialSelectComponent implements OnInit {

    optionsSelect: Array<any>;

    ngOnInit() { 
        this.optionsSelect = [
            { value: '1', label: 'Option 1' },
            { value: '2', label: 'Option 2' },
            { value: '3', label: 'Option 3' },
        ];
    } 

} 

 



                
                  

Damian Gemza staff commented 6 years ago

Dear milestoneadmin, It's possible, but for now, in a not clean way. Please open ng-mdb-pro/pro/material-select/select-dropdown.component.html, and find line 24 - input type="checkbox". Add class="filled-in" to this input. But you have to notice, that when you update ng-mdb-pro library, your changes will be overwritten. I'll think about implementing this solution in a nice, and clean way. Best Regards, Damian


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No
Tags