How to put our custom image in reorder-icon


#1

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

show-reorder="isReorderingItems"
reorder-icon="ion-navicon"
can-reorder=“true”

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


#2

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>


.custom-image{
  content:url(http://placehold.it/32x32);
}

#4

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