Topic: Switch with RTL/Hebrew values appears reversed
Hi all.
When I use switch with Hebrew tag values (ie, the names of the On/Off options), the switcher appears reversed.
Pls see here for example: https://mdbootstrap.com/snippets/jquery/moshe/1067323 (this is the basic example provided by the samples here, I just changed the values)
As you can see, the checkbox is disabled by default, but its displayed pointing to the second value אאאאאא (which is the ON value), which is being displayed to the LEFT of the switch, where as it should be reversed. I tried using dir="ltr" or rtl, but that did not help.
Any solution to this?Thanks!
<!-- Material switch -->
<div class="switch">
<label>
כככככ <!-- this is the OFF value -->
<input type="checkbox">
<span class="lever"></span> אאאאא <!-- this is the ON value -->
</label>
</div>
Hi,
We're sorry for the late response. We don't officially support RTL yet in our package but I think code from this snippet will help you: https://mdbootstrap.com/snippets/jquery/marta-szymanska/1143250?view=standard
Best, Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.8.8
- Device: PC
- Browser: Firefox
- OS: Win10
- Provided sample code: No
- Provided link: Yes