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.

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: 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