using Jquery Ui - setting width on a particular multiselect box

Question

I am using Jquery UI like this:

$("#companyType").multiselect({
  multiple: false,
  header: "Type",
  noneSelectedText: "Type",
  selectedList: 1
});
$('.ui-multiselect').css('width', '100px');

What I'd like to do is set the .ui-multiselect for only the #companyType div. Something like this:

 $('#companyType.ui-multiselect').css('width', '100px');

Is there a way to do this? Thank you!

Answer 1

Try this code with minWidth option. It is the minimum width of the entire widget in pixels. Setting to “auto” will disable, and the default is: 225

$("#companyType").multiselect({
  multiple: false,
  header: "Type",
  noneSelectedText: "Type",
  selectedList: 1
  minWidth:100
});