Topic: Radio button not change on rtl mode
Expected behavior radio button first on right then text
Actual behavior text then radio button
Resources (screenshots, code snippets etc.)
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;
}
Answered
- User: Pro
- Premium support: Yes
- Technology: 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