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.

Making Alternative Row Colors Work

  1. Hi, another question. I am trying to make the alternative colors for rows to get to work... I used the CSS from List Field Table Row ( http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples ) but it doesn't seem to work.

    I would want alternative colors like http://elogix.mintithemes.com/shortcodes/tables/ but when I add the CSS code from documentation to my theme, nothing really happens.

    My Form: http://searchrankagency.com/form-testing/

    Thanks in advance!

    Posted 12 years ago on Friday October 12, 2012 | Permalink
  2. I inspected your markup and I don't see a list field in your form.. I do see the styles you added being output in the markup, but no actual field for the styles to be applied to.

    Are you trying to actually format something on your form, or are you talking about notification styling perhaps?

    Posted 12 years ago on Friday October 12, 2012 | Permalink
  3. I am trying to format on the form... basically Name Row will have one color, the Email + Phone Row another color - and so on alternatively.

    Is it possible? Also, if I am not clear about the formatting I am trying to do, please let know and I will make a mockup in photoshop.

    Posted 12 years ago on Friday October 12, 2012 | Permalink
  4. List Field Table Row styles apply to the list type field (a field where you allow the visitor to click a + and add another row of inputs.) You are not doing that. So, don't use that CSS ready class.

    You are going to have to do this manually. You will need to look at your form and determine which rows will be color one, and which will be color two.

    Looking at it, color one fields would be:
    Name
    Services
    Website

    Color two fields would be:
    Email/phone
    Budget
    Comments

    Go to your form builder and give each of those fields a custom CSS class name (it's on the Advanced tab for each field.) Then, add the styles to your stylesheet.

    Once you have added a custom CSS class to each field you want to alternate, post the link here again and we will check to see if the classes are being applied properly and see if you have the CSS correct in your stylesheet to make it work.

    Posted 12 years ago on Sunday October 14, 2012 | Permalink