• Resolved ocbroadband

    (@ocbroadband)


    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 to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jules Colle

    (@jules-colle)

    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

    (@ocbroadband)

    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

    (@jules-colle)

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Groups Challenged’ is closed to new replies.