Title: Groups Challenged
Last modified: March 5, 2019

---

# Groups Challenged

 *  Resolved [ocbroadband](https://wordpress.org/support/users/ocbroadband/)
 * (@ocbroadband)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/groups-challenged/)
 * Hello,
 * I’m getting through this, but I’m attempting to just experiment with different
   things such as groups showing and hiding table rows. I am not sure what I’m missing
   here, but it’s not working as expected. Could you please take a quick look here,
   and advise what I’m doing wrong? Basically, I have a section that I’m trying 
   to show/hide based upon a radio option that either is targeted at team or umpire
   as a test. I then nested different parts of my table in groups. Based on what
   I read, you can do this, but it doesn’t appear to be working, or I missed something.
 *     ```
       <table style="width: 95%; margin-left: auto; margin-right: auto;">
       <tr>
       <th style="width: 158px; text-align: center;" colspan="2">LACUA Incident Report</th>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Name:<br /><em>(First & Last)</em></td>
       <td style="width: 483px; vertical-align: top;">[text* your-name]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Email Address:</td>
       <td style="width: 483px; vertical-align: top;">[email* your-email akismet:author_email]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Date of contest:</td>
       <td style="width: 483px; vertical-align: top;">[date* date]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Location:</td>
       <td style="width: 483px; vertical-align: top;">[select* location include_blank "Cerritos" "Cypress" "Fountain Valley" "Huntington Beach" "Los Alamitos" "Los Altos" "Norwalk" "N. Torrance" "Orange Canyon" "S. Huntington Beach" "West Grove" "Uptown" "Other"]
       [group other_location clear_on_hide]
       <p>Other Location: [text other-location]
       [/group]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Team Issue or Umpire Incident?:</td>
       <td style="width: 483px; vertical-align: top;">[radio incident_type label_first default:1 "Team" "Umpire"]</td>
       </tr>
   
       [group group_incident_team]
       <tr>
       <td style="width: 158px; vertical-align: top;">Event:</td>
       <td style="width: 483px; vertical-align: top;">[radio Event label_first default:1 "League" "Tournament"]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Division:</td>
       <td style="width: 483px; vertical-align: top;">[radio Division label_first default:1 "8u" "10u" "12u" "14u" "16u" "18u"]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Home Team:<br /><em>(League or Organization)</em></td>
       <td style="width: 483px; vertical-align: top;">[select* home_team include_blank "Cerritos" "Cypress" "Fountain Valley" "Huntington Beach" "Los Alamitos" "Los Altos" "Norwalk" "N. Torrance" "Orange Canyon" "S. Huntington Beach" "West Grove" "Uptown" "Other"]
       [group home_team_league]
       <p>Other Home Team: [text other-home-team]
       [/group]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Home Team Coach:</td>
       <td style="width: 483px; vertical-align: top;">[text* home_coach]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Visiting Team:<br /><em>(League or Organization)</em></td>
       <td style="width: 483px; vertical-align: top;">[select* visiting_team include_blank "Cerritos" "Cypress" "Fountain Valley" "Huntington Beach" "Los Alamitos" "Los Altos" "Norwalk" "N. Torrance" "Orange Canyon" "S. Huntington Beach" "West Grove" "Uptown" "Other"]
       [group visiting_team_league clear_on_hide]
       <p>Other Visiting Team: [text other_visiting_team]
       [/group]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Visiting Team Coach:</td>
       <td style="width: 483px; vertical-align: top;">[text* visiting_coach]</td>
       </tr>
       [/group]
   
       [group group_incident_umpire]
       <tr>
       <td style="width: 158px; vertical-align: top;">How many Officials?:</td>
       <td style="width: 483px; vertical-align: top;">[radio officials label_first default:1 "1" "2" "3"]
       <p>Umpire #1: [text pu_official]
       [group two_officials clear_on_hide]
       <p>Umpire #2: [text u1_official]
       [/group]
       [group three_officials clear_on_hide]
       <p>Umpire #3: [text u3_official]
       [/group]
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">HP Official:</td>
       <td style="width: 483px; vertical-align: top;">[text* hp_official]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">U1 Official:<br /><em>(If applicable)</em></td>
       <td style="width: 483px; vertical-align: top;">[text* u1_official]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">U2 Official:<br /><em>(If applicable)</em></td>
       <td style="width: 483px; vertical-align: top;">[text* u3_official]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Reason for incident report:<br /><em>(Team Specific / Select all that apply)</em></td>
       <td style="width: 483px; vertical-align: top;">[checkbox reason-team label_first "Coaching Staff" "Player(s)" "Spectator(s)"]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Brief Description:</td>
       <td style="width: 483px; vertical-align: top;">[textarea* reason-team-description]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Reason for incident report:<br /><em>(Umpire Specific / Select all that apply)</em></td>
       <td style="width: 483px; vertical-align: top;">[checkbox reason-umpire label_first "Umpire Performance" "Appearance (Uniform, Equip., Hygiene, etc)" "Promptness (at least 45 mins prior)" "Rule Knowledge" "Hustle" "Communication Skills"]</td>
       </tr>
       <tr>
       <td style="width: 158px; vertical-align: top;">Brief Description:</td>
       <td style="width: 483px; vertical-align: top;">[textarea* reason-umpire-description]</td>
       </tr
       <tr>
       <td style="width: 158px; text-align: center;" colspan="2">[submit "Send Report"]</td>
       </tr>
       [/group]
       </table>
       ```
   
 * Conditional Fields
 *     ```
       show [other_location] if [location] equals "Other"
       show [home_team_league] if [home_team] equals "Other"
       show [visiting_team_league] if [visiting_team] equals "Other"
       show [two_officials] if [officials] equals "2"
       show [two_officials] if [officials] equals "3"
       show [three_officials] if [officials] equals "3"
       show [group_incident_team] if [incident_type] equals "Team"
       show [group_incident_umpire] if [incident_type] equals "Umpire"
       ```
   
 * Thank you…
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fgroups-challenged%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Jules Colle](https://wordpress.org/support/users/jules-colle/)
 * (@jules-colle)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/groups-challenged/#post-11275931)
 * The plugin doesn’t play nice with tables. The reason being that groups convert
   to DIVs by default, and divs cannot be nested directly into table elements.
 * I haven’t implemented a work-around for this yet, because the use of tables is
   highly discouraged for forms. There are much better responsive options available
   with CSS Flexbox (or CSS Grid if you are that type of person)
 *  Thread Starter [ocbroadband](https://wordpress.org/support/users/ocbroadband/)
 * (@ocbroadband)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/groups-challenged/#post-11279477)
 * I’m willing to try anything, but have any direction on how to implement one of
   those options? Example of where to look on implementation?
 * Thanks Jules!
 *  Plugin Author [Jules Colle](https://wordpress.org/support/users/jules-colle/)
 * (@jules-colle)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/groups-challenged/#post-11280299)
 * [https://codepen.io/rstrahl/pen/rxmjgL](https://codepen.io/rstrahl/pen/rxmjgL)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Groups Challenged’ is closed to new replies.

 * ![](https://ps.w.org/cf7-conditional-fields/assets/icon-256x256.png?rev=2072595)
 * [Conditional Fields for Contact Form 7](https://wordpress.org/plugins/cf7-conditional-fields/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cf7-conditional-fields/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cf7-conditional-fields/)
 * [Active Topics](https://wordpress.org/support/plugin/cf7-conditional-fields/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cf7-conditional-fields/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cf7-conditional-fields/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Jules Colle](https://wordpress.org/support/users/jules-colle/)
 * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/groups-challenged/#post-11280299)
 * Status: resolved