Details Arrow


#1

I’m developing an app in two directions RTL and LTR … in ion-list in LTR arrow are left
how to change postion and name of arrow to right ?
14%20PM52%20PM


#2

Which version of Ionic are you using?
How are you having Ionic display your detail arrow?


#3

@Chris - You can get “detail” arrow shown by use of detail-push attribute. See more: https://ionicframework.com/docs/api/components/item/Item/

As for the original question. There is no built-in command unfortunately; I guess best try is to use CSS, identify detail arrow and force it to be rendered on the left side.


#4

@morphist
sorry for late answer ionic 3 using detail push
i have reversed the arrow but still can’t rotate the arrow
i tried to use transform: rotate ( 180deg ) but it rotates the whole content


#5

any help guys … please


#6

@a7mdFo2ad The icon is defined as a background image in the item-inner div, so I advise you to not use a detail arrow, otherwise you would have to resort to hackish solutions that might not work in all cases, and break unexpectedly.

Instead, just include detail-none as a property in the ion-item (to not use the detail arrow) and an ion-icon with name ios-arrow-back inside it with item-end as the item placement.


#7

thank you for reply lucas