Topic: Use input group with forms
diegomoreno_2000 pro asked 3 months ago
Expected behavior Use input group with forms, with different input components (input text, select, radio group, check boxes) to get a consistent layout and use the small size of input elements.
Input group is not working with forms and mdb-form-control components. The input group docs are located in the Forms section in the documentation.
Input components support the class for small size but when I try to get a consisten size using other form elements like select or checkboxes, there is no way to make them smaller. Enclosing mdb-form-controls or select, check, etc within input group results in an inconsistent layout.
Resources (screenshots, code snippets etc.)
mdbLabel directives are used to create outline style with dynamic label. In input groups they are not used on purpose.
In terms of sizing you can use classes like
.input-group-lg to set heights on individual inputs. More about sizing in our docs sections:
I hope it helps you with your situation. If you have any other questions feel free to ask.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: MDB5 3.0.1
- Device: PC
- Browser: Chrome, Firefox; Opera, Brave
- OS: Windows
- Provided sample code: No
- Provided link: No