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.

Chosen select / drop down results are too wide

  1. ax10
    Member

    Hi,
    I have an "enhanced UI" select / drop down box on my contact form. The initial issue was that it was displaying full with under its label abit like these select boxes on http://tinyurl.com/73g3o85 (which is fine for this form)

    But I wanted it under my label for my contact form - http://tinyurl.com/7qrdkhk
    As you can see I fixed this layout issue so now the select box is next to the label - but when you click on it for the results div (.chzn-results) displays too wide - back to the original width.

    Any ideas on how to make the results width the same as the select box?

    Thanks
    p.s
    Just updated to lastest version of GF today (but noticed issue was there before todays update - not sure when it came about as I'm sure it wasn't always like this).

    Posted 12 years ago on Monday February 27, 2012 | Permalink
  2. ax10
    Member

    -- Update - Resolved ---

    Had to force the width (60%) of the .ginput_container and then float it to the left so that it butted up to the label. So then the drop down and the results are then contained within the 60%

    Posted 12 years ago on Monday February 27, 2012 | Permalink
  3. Nice, thanks for posting and letting us know!

    Posted 12 years ago on Monday February 27, 2012 | Permalink

This topic has been resolved and has been closed to new replies.