Topic: Switch with RTL/Hebrew values appears reversed

Kneidels pro asked 4 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 staff answered 4 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


Kneidels pro commented 4 years ago

Thanks - will try!



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