Radio button not change on rtl mode


Topic: Radio button not change on rtl mode

Rehab Othman asked 4 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 4 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.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: 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