Change size of Multilookup field

Question

I have a multi lookup just like this image, with 2 listboxes and Add and Remove buttons:

http://mastykarz.nl/blog/images/ExtendingLookupFieldswithAddnewitemoptio_6981/SingleMultipleLookupFields_thumb.png

The problem is that the buttons are too long. I have tried to shorten them with jQuery, but it seems Sharepoint somehow overrides my setting and/or does not allow it.

I'm probably missing something obvious, but is there a way to alter the size of the Add/Remove buttons in such a control?

Answer 1

The following JavaScript function could be used for customizing control for SPFieldMultiLookup

//Specify width for Add & Remove buttons in SPFieldMultiLookup control
function customizeMultiLookupField()
{ 
    var j = jQuery.noConflict();   
    j('button[id$="_AddButton"]').css('width','72px');
    j('button[id$="_RemoveButton"]').css('width','72px');
}

Usage:

Save specified function in JS file and place it in Layouts folder.

Reference it in NewForm.aspx page and call it:

_spBodyOnLoadFunctionNames.push("customizeMultiLookupField");