Michael Pearce
asked 10 years ago

Hello,
 
Is there any way to add the accordion from the sidebar to a page?
 
Thanks.

1 Answers
DominicStaff
answered 10 years ago

Currently our theme does not yet support having the accordion on a page.
However, If you want to add the accordion from the sidebar to a page in the DW Gamez. Please log in to Dashboard > Pages then add the following code to the “Text” frame
————-TAB—————


<ul class="nav nav-tabs">
 <li class="active"><a data-toggle="tab" href="#tab1">Tab 1</a></li>
 <li class=""><a data-toggle="tab" href="#tab2">Tab 2</a></li>
</ul>
<div class="tab-content">
 <div id="tab1" class="tab-pane fade active in">
   <p>tab 1 content...</p>
 </div>
 <div id="tab2" class="tab-pane fade">
   <p>tab 2 content...</p>
 </div>
</div>

——–ACCORDION————–

<div id="accordion" class="accordion">
 <div class="accordion-group">
  <div class="accordion-heading">
   <a href="#collapseOne" data-parent="#accordion" data-toggle="collapse" class="accordion-toggle">
    Collapsible Group Item #1
   </a>
  </div>

  <div class="accordion-body collapse in" id="collapseOne">
   <div class="accordion-inner">
   content 1 ...
   </div>
  </div>
 </div>

 <div class="accordion-group">
  <div class="accordion-heading">
   <a href="#collapseTwo" data-parent="#accordion" data-toggle="collapse" class="collapsed">
    Collapsible Group Item #2
   </a>
  </div>
  <div class="accordion-body collapse" id="collapseTwo">
   <div class="accordion-inner">
    content 2...
   </div>
  </div>
 </div>

 <div class="accordion-group">
  <div class="accordion-heading">
   <a href="#collapseThree" data-parent="#accordion" data-toggle="collapse" class="collapsed">
    Collapsible Group Item #3
   </a>
  </div>
  <div class="accordion-body collapse" id="collapseThree">
   <div class="accordion-inner">
    content 3...
   </div>
  </div>
 </div>
</div>

 Hope this helps !

Powered by DW Question & Answer Pro