Hello All,

Based off my first post --> https://www.couchcms.com/forum/viewtopic.php?f=4&t=10838

I was able to get the years to display content as shown below:

content

Screen Shot 2017-04-29 at 11.00.19 PM.png (34.02 KiB) Viewed 1222 times

However, the next issue is that when pressed, it is only selecting the most recent one (that being the 2011 one) and the bottom two (2010, 2009) are not collapsing. I don't know if this is an issue that can be resolved with couch or if it is a bootstrap issue.

Here is my code:
[Note, please ignore the kelseysMessage id tag, that is purely just for CSS purposes]

Code: Select all

 <div id="kelseysMessage">
        <div class="container">
            <h2>
                <cms:get_custom_field 'awards_title' masterpage='founders_main_page.php' />
            </h2>

            <h3>
                <cms:get_custom_field 'awards_sub_title' masterpage='founders_main_page.php' />
            </h3>

            <br>
            
    <cms:if k_is_list >
            <cms:pages masterpage='founders.php' >
                
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                <h3 style="text-align: left; font-weight: bold;">
                                    <cms:show k_page_title/>
                                </h3>
                            </a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                        
                    
                        <table class="table foundersTable">
                            <thead>
                                <tr>
                                    <th>
                                        <u>Award</u>
                                    </th>

                                    <th>
                                        <u>Organizaton</u>
                                    </th>
                                </tr>
                            </thead>

                            <cms:show_repeatable 'add_year' label='Year'>
                                <tbody>
                                    <tr>
                                        <td><cms:show award_description /></td>

                                        <td><cms:show organization_description /></td>
                                    </tr>
                                </tbody>
                            </cms:show_repeatable>
                        </table>
                  
                        
                    </div>
                </div>
            </div>
                </cms:pages>
        </cms:if>
        </div>
    </div>

Please let me know your thoughts on this matter. Much thanks!

NEVERMIND! PROBLEM WAS RESOLVED!

Hi

I am having a similar issue using similar coding, how did you resolve your issue, my code is below

Code: Select all

div id="accordion" role="tablist" aria-multiselectable="true">
  <div class="card">
    <div class="card-header" role="tab" id="headingOne">
      <h5 class="mb-0 panel-title">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
          <cms:repeatable name='question' label='Question' stacked_layout='1'> <i class="fa fa-plus collape-plus"></i>
          <cms:editable name='questions' label='Questions' type='richtext' />
          </cms:repeatable>          
          <cms:show_repeatable 'question' >
          <cms:show questions />
          </cms:show_repeatable>          
        </a>
      </h5>
    </div>
    <div id="collapseOne" class="collapse bg-custom" role="tabpanel" aria-labelledby="headingOne">
      <div class="card-block">
        <p>
        <cms:repeatable name='answer' label='Answer' stacked_layout='1'>
        <cms:editable name='answers' label='Answers' type='richtext' />
        </cms:repeatable>
        <cms:show_repeatable 'answer' >
        <cms:show answers />
        </cms:show_repeatable>
        </p>
      </div>
    </div>
  </div>

I have attached images of how it looks and how it is supposed to look, would you be able to help please?