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.

How can I customize the appearance of drop down lists?

Gravity Support Forums » Plugin Support » Gravity Forms

  1. jGalt
    Member

    Newbie Alert!!!

    I am new to Gravity Forms, and also pretty new to web design. I have created my first form and I am getting a better handle on how to customize the look of my fields but I cannot figure out how to change the appearance of drop down lists.

    I have checked my form on both Macs and Windows and the drop downs are currently using the systems default appearance. Can someone please point me to where I can learn how to change how these look? Would I customize these with picture? CSS?

    Any help would be appreciated.

    Thanks.

    Posted 12 years ago on Monday November 14, 2011 | Permalink

  2. jGalt
    Member

    Here is a drop down menu that I like. Can I use a graphic like this and somehow insert the users selection over the top of it as text when they choose an option from the list?

    http://shopshoeguru.com/buy/gola-40th-anniversary-harrier-red

    http://wallbase.cc/search

    Posted 12 years ago on Monday November 14, 2011 | Permalink

  3. Chris Hajer
    Key Master

    It might be possible as a customization. Looks like they are using jQuery or HTML5 to do that. It's not something that Gravity Forms will do out of the box.

    Posted 12 years ago on Monday November 14, 2011 | Permalink

  4. Richard Vav
    Administrator

    Chris, correct me if I'm wrong but if he is using Gravity Forms 1.6 he could enable the advanced user interface for those drop downs which replaces the standard select with divs and li's which he can then apply his own styles to overriding the default gravity/chosen styles.

    Posted 12 years ago on Monday November 14, 2011 | Permalink

  5. Carl Hancock
    Administrator

    Yes, if he is using Gravity Forms v1.6 he can use the enhanced UI for the drop down field which has a different look. But otherwise if he's using jQuery and/or HTML5 to style a drop down so it doesn't look like the default he would have to apply the same customization to the form fields... which means he would have to be familiar with how that jQuery and/or HTML5 works in order to apply it to the Gravity Forms drop downs.

    Posted 12 years ago on Monday November 14, 2011 | Permalink