Topic: Radio button not change on rtl mode

Rehab Othman free asked 3 years ago

Expected behavior radio button first on right then text

Actual behavior text then radio button

Resources (screenshots, code snippets etc.)enter image description here

Arkadiusz Idzikowski staff answered 3 years ago

We currently doesn't have official support for RTL, but you can try to use those styles to override default behavior. You need to add these rules to the styles.scss file:

.form-check-input[type=radio]:not(:checked) + label {
  padding-right: 35px;
  padding-left: 0;

.form-check-input[type=radio] + label:before {
  right: 0;
  left: auto;

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: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 10.0.0
  • Device: desktop and phone
  • Browser: chrome and safari
  • OS: windows and android and ios
  • Provided sample code: No
  • Provided link: No