Removing the green arrow from a search select

I have a search select on a screen. I need to remove its green arrow. I have managed to successfully hide it but the link is still there which allows the user to click the find option. The CRM version is 7.1j. I am aware that in 7.2 I can use the client side API but I'm not upgrading.

Here is an image of the dude that needs removing.

My problem is compounded by the fact that the users use a combination of IE, Chrome, and Safari so this has to work cross browser. I've tried using jQuery in the custom content but I've not been successful. jQuery seems to be loaded when I do a view source as I can see 1.7.1 and 1.8.16 libraries being loaded but when I try and call the remove() function on the arrow image ID and the parent A link nothing happens. I have to be doing something wrong.

The image ID is SearchSmalliadd_opportunityidIMG and the surrounding A link parent field has a ID of SearchSmalliadd_opportunityid.

Any help would be great.

Thanks.

  • 0

    This works for me in a 7.1 sp2 system.

    $(document).ready(function() {

    $('#SearchSmalliadd_opportunityid').remove();

    });

    If this does not work, check the developer tools console in Chrome to see if there are any errors.

  • 0

    Ahh, that seems to work in both Chrome and IE. I don't have a Mac to test it under Safari but I guess jQuery is supposed to be browser neutral so it should work accordingly.

    I missed this bit: $(document).ready(function()...

    As I am not overly familiar with jQuery, I wasn't sure, so I tried the addEvent and addEventLister approach which I didn't really want to use.

    Thanks. Much appreciated.