Topic: Radio input label within mobile stepper

itsme priority asked 2 years ago


Expected behavior The label should be inline with the radio button on mobile stepper.

Actual behavior I know that this mobile stepper is centering the text and elements. I was not able to align the radio button with the label. If the text is longer than the line, the radio button is one line above the label text. Is there a workaround or a better solution to fix the problem? It's only an issue on smaller screens.

Resources (screenshots, code snippets etc.) https://mdbootstrap.com/snippets/standard/itsme/4019260#js-tab-view


Kamila Pieńkowska staff answered 2 years ago


You can get expected result without any additional CSS. All you need to do is put your input inside label. I've modified your example to demonstrate that. https://mdbootstrap.com/snippets/standard/kpienkowska/4021168


Kamila Pieńkowska staff answered 2 years ago


This was not mistake in the documentation but a workaround component bug. It was suppose to work with your initial code. We are going to fix this in the next releases.


itsme priority answered 2 years ago


Thanks for the help. Maybe you could update your documentation , too? Because I just copied the code from there.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.1.0
  • Device: Desktop Pc
  • Browser: Firefox
  • OS: Linux
  • Provided sample code: No
  • Provided link: Yes