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.

Bullets only show when checkboxes or radiobuttons are put inside a table

  1. Ketiga
    Member

    Hi,

    I have the bullets showing with checkboxes and radiobuttons, but only when I put those elements inside a table using HTML fields.

    I used the code from the FAQ but this didn't work.

    Also, when using multiple columns, the bullets don't show on the first column.

    Any ideas?

    Posted 7 years ago on Sunday December 23, 2012 | Permalink
  2. Please provide a URL to the page on your site where we can see this problem. Thank you.

    Posted 7 years ago on Sunday December 23, 2012 | Permalink
  3. Ketiga
    Member

    Hi Chris,

    Thanks for the reply.

    Here you go:
    http://ketiga.nl/test/

    Please note that inside this form I use two html fields before and after the radio buttons to create a table.

    It only happens when I put those buttons inside a table..

    It shows a bit different in Chrome, but be sure to check it in Explorer and/or Firefox.

    Thanks,

    Bart

    Posted 7 years ago on Sunday December 23, 2012 | Permalink
  4. I see this HTML in the source of the page, which is invalid (improperly nested tags).

    <li id='field_2_1' class='gfield      gfield_html gfield_html_formatted gfield_no_follows_desc' ><table><tr><td></li>

    (you can't close the LI in a table cell like that)

    With invalid markup, all sorts of strange things will happen, and happen differently in different browsers. Please correct your markup and we will take another look. We won't be able to apply CSS to improper HTML markup (not with consistent results anyway.)

    Posted 7 years ago on Monday December 24, 2012 | Permalink
  5. Ketiga
    Member

    I completely understand when I look at your code above.

    What I don't understand is that my form looks like this:

    HTML field with this code:
    <table><tr><td>

    Then a form element with the radiogroup fields

    HTML field with this code:
    </td></tr></table>

    So, I have only used gravity form elements.

    How come those li tags aren't inside my table when looking at the source code of my page?

    Am I overlooking something? Am I using the html form elements the wrong way?

    Posted 7 years ago on Monday December 24, 2012 | Permalink
  6. I'm not sure why you are using a table in an HTML block, but it is possible to use one if you want to. The issue is, you have to close the < li > and < ul > before you open the table. Please see this verbose explanation, although it was for using fieldsets. The process is the same.

    http://www.gravityhelp.com/forums/topic/fieldsets#post-17019

    Posted 7 years ago on Monday December 24, 2012 | Permalink
  7. Ketiga
    Member

    I am using the table so I can control the width of the contents of it (radio button groups, text fields and areas etc.)

    Some fields (like personal info) looks different from the rest, and the predefined widths just dont always work in every scenario.

    Reading your answer above I still don't get it though...I have this radiogroup inside my table. So I start a table, then the content (radiobuttons , other fields) follow and then I close the table.
    You state I have to close the ul and li, but why is it I have to close something I didn't open in the first place? How come those ul and li are opened before I even start the table?

    Is this something gravity forms does? When I use plain HTML without the Gravity Forms radiogroups there's no problem.

    Posted 7 years ago on Thursday December 27, 2012 | Permalink
  8. You have to close the UL and LI because those are opened by Gravity Forms. Every element in the form is a list item, including the HTML block. If you want the table to NOT be a list item, then you need to close the list and open it when you're done. Did you have any luck after trying to close the list item and list as explained by Kevin in this post?

    http://www.gravityhelp.com/forums/topic/fieldsets#post-17019

    You can avoid the table if you like. We can help you style the elements without using a table. But if you want to use a table, and it being inside a Gravity Forms list item makes the bullets show up, then you will need to "break out" of the Gravity Forms list (by closing the list item and the unordered list), insert your table, then open the unordered list and list item again, OR you need to come up with the CSS to make the bullets disappear even when inside a Gravity Forms list.

    Posted 7 years ago on Thursday December 27, 2012 | Permalink
  9. Ketiga
    Member

    Hi Chris,

    Ok, that makes sense. Thank you.

    It dit in fact solve my 'bullet' issue:
    http://ketiga.nl/test

    but now some of the css doesnt work anymore :) I have used gf_left_half and gf_right_half on some of the fields but it doesnt seem to be working anymore. The funny thing is that this occurs on two different domains :S

    Not sure if it's related though, probably not.

    Thanks again,

    Bart

    Posted 7 years ago on Thursday December 27, 2012 | Permalink
  10. If you need help with the CSS ready classes, please let us know.

    Posted 7 years ago on Thursday December 27, 2012 | Permalink