Topic: Switch with RTL/Hebrew values appears reversed
                  
                  Kneidels
                  pro
                  asked 6 years ago
                
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>
                
                  
                      
                      Marta Wierzbicka
                      free
                        answered 6 years ago
                    
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
- ForumUser: Pro
 - Premium support: No
 - Technology: MDB jQuery
 - MDB Version: 4.8.8
 - Device: PC
 - Browser: Firefox
 - OS: Win10
 - Provided sample code: Yes
 - Provided link: Yes