How to put our custom image in reorder-icon

Hi everyone,

currently i am using list tag of ionic,in this i have applied reordering of list rows.
for reordering i have use some properties of list like


my issue is i have to show my custom image in the place of ion-navicon.Right now in ionic.css for ion-navicon it is showing default image as content id “\f20e”.

so how can i apply my custom image there?

thanks in advance

You can do it using css content, which can take a url path.

<ion-reorder-button class="custom-image" on-reoder="moveItem(item, fromIndex, toIndex)"></ion-reorder-button>

1 Like

Thanks @mhartington for your response. its working in that case we have reorder button on the top of the header and after tapping reorder button all rows in the list will be active for reordering but now i have to implement this thing in some different way that when i will click on any particular row only that row should be active for reordering with any other rows.

So on tapping a particular row i have to reorder that row only, can you please tell me how it will possible?

Thanks in advance