Sliding List not work in RTL mode


#1

hi,
i try to use sliding list and i saw that when i set my language to rtl design the sliding not supported and the option button not show up


#2

I have this problem too!
What should we do?


#3

use side="right"



Email


#4

Thanks for your reply but it does not work.
I found a solution which I gonna mention in next reply…


#5

SOLUTION

I used direction style in ion-item-options tag to change its directive individually to LTR.

e.g.

<ion-item-sliding>
    <ion-item>
      <h2>Sliding List</h2>
    </ion-item>
    <ion-item-options side="left" style="direction:ltr">
      <button primary>
        <ion-icon name="text"></ion-icon>
        Text
      </button>
    </ion-item-options>
    <ion-item-options side="right" style="direction:ltr">
      <button primary>
        <ion-icon name="mail"></ion-icon>
        Email
      </button>
    </ion-item-options>
  </ion-item-sliding>

#6

thank you man! it works! :slight_smile: