Multi Question

Show After (Sequential nested questions)


Use the HTML class "show-after" for sequential questions. See example below.

<div class="panel panel-default interaction-question">
    ...
</div>
<div class="panel panel-default interaction-question show-after">
    ...
</div>

<div id="car-0000" class="carousel slide" data-ride="carousel" data-wrap="false" data-interval="false">
   <!-- Indicators -->
   <ol class="carousel-indicators print_hide">
     <li data-target="#car-0000" data-slide-to="0" class="active"></li>
     <li data-target="#car-0000" data-slide-to="1"></li>
     <li data-target="#car-0000" data-slide-to="2"></li>
   </ol>
     
   <!-- Wrapper for slides -->
   <div class="carousel-inner" role="listbox">
      <div class="item active">
      PANE_CONTENT
      </div>
      <div class="item">
      PANE_CONTENT
      </div>
      <div class="item">
      PANE_CONTENT
      </div>
   </div>
    
   <!-- Controls -->
   <div class="print_hide">
      <a class="left carousel-control" href="#car-0000" role="button" data-slide="prev">
       <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
       <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#car-0000" role="button" data-slide="next">
       <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
       <span class="sr-only">Next</span>
      </a>
   </div>
</div>

Last updated