PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

In-line style on enhanced user interface drop down

  1. We noticed that on our multi-select field, when using the enhanced user interface, an in-line width is applied to the input that is not applied when using the standard display. For example, the standard display can have the width changed by selecting the field size while the enhanced interface cannot.

    <input type="text" value="Click to select..." class="default" autocomplete="off" style="width: 115px;" tabindex="2">

    We don't really have any control over the width because of this. Is that intentional?

    Posted 11 years ago on Thursday March 28, 2013 | Permalink
  2. That's produced dynamically by the chosen JS file (https://github.com/harvesthq/chosen) that makes the "enhanced" drop down. You should be able to target it though with some specific selectors in conjunction with using !important.

    Posted 11 years ago on Thursday March 28, 2013 | Permalink
  3. Just wanted to say thanks, this resolved the issue for us.

    Posted 11 years ago on Thursday April 18, 2013 | Permalink