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' },
];
}
}
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
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