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.

List field lives it's own life

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Fjallwebb
    Member

    Hi my list field lives it's own life, it doesn't respond to css and it´s not responsive. Please have a look on this page http://skibua.spacedout.se/book-skiutstyr/
    (You have to proceed to page 2)

    Cheers

    Posted 11 years ago on Thursday November 29, 2012 | Permalink

  2. Chris Hajer
    Key Master

    I'm sure we can help you style it. Please let us know what you would like to change about the list field and we'll help with the CSS.

    Also, this stylesheet is referenced in your page but is not found:

    <link rel="stylesheet" href="path/to/add2home.css">

    Nothing found for Book-skiutstyr Path To Add2home Css

    Posted 11 years ago on Thursday November 29, 2012 | Permalink

  3. Fjallwebb
    Member

    Hello Mate,
    The list field is breaking the css and it´s not responsive. The list field is all grey and when you start typing in it and moves on it flips down. See screenshots. And also my next and previous buttons are in a black color as you can see on screenshot number 2.

    Screenshot 1: http://tinypic.com/r/14vn3fn/6
    Screenshot 2: http://tinypic.com/r/287dpv/6

    Cheers

    Posted 11 years ago on Wednesday March 6, 2013 | Permalink

  4. Chris Hajer
    Key Master

    Hi, I tried testing your live form. I could not get the first page to submit; it just hung there. The issue is the additional markup being added to the Gravity Forms shortcode output. Take a look at the source of the page near the gform_footer (line 1525 through 1534 when I checked.) There are extra < br / > tags and closing < p > tags which are being added by something on your site.

    You can read about how other people have dealt with the same problem here:
    http://www.gravityhelp.com/forums/tags/raw

    You can sometimes work around the problem by wrapping the [raw] shortcode around the [gravityforms] shortcode.

    Until we can see the list field we won't be able to help much.

    If you'd like to see if this is a conflict with your theme or a plugin, please try submitting from the form preview.

    Posted 11 years ago on Sunday March 10, 2013 | Permalink

  5. Richard Vav
    Administrator

    Try adding the following to your themes stylesheet to prevent the input from dropping when a value is entered which is being caused by one of the styles in your base.css setting the input to display as block level element

    body .gform_wrapper .gfield_list input {
     display: inline !important;
}
    Posted 11 years ago on Friday March 15, 2013 | Permalink

  6. Richard Vav
    Administrator

    To change the list field's background colours you can use something like these, the first will change the background of the header row while the second will change the background of the body rows. You will have to change the colour to whatever colour you want to use.

    body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list table.gfield_list thead th {
background-color: black !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list table.gfield_list tbody td {
background-color: black !important;
}

    For more guidance on how to target the various parts of the list field you should check out the css targeting examples in the documentation, http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#List_Fields_.E2.80.93_NEW_for_version_1.6

    Posted 11 years ago on Friday March 15, 2013 | Permalink