Adding Custom Token Remove Image

[Henry]

Hi,

Please let me know whether it is possible to replace the token remove image(X) with a custom one. To make it more clear when we add a item token into AutoCompleteBox, there is a cross symbol to remove it from the AutoCompleteBox. I want to add a custom image instead of the native x button.

Thanks,
Henry.

[Shinu]

Hello Henry,

Yes, it is possible to add a custom image. Try overriding the default CSS as follows. Depending upon the image size, you may set the background-position in the CSS and it is preferable to add a tiny image.

CSS:

<style type="text/css">
        .RadAutoCompleteBox_Default .racRemoveTokenLink
        {
            background-image: url("../Images/Close.png") !important;
            background-position: 1px 2px !important;
        }
</style>

Thanks,
Shinu.

[Henry]

Thanks Shinu. The AutoCompleteBox in your attachment is exactly what I needed.