MetEd
  • Process Documentation
  • Lesson Development
  • Interactions Catalog
  • Tools
  • Introduction to MetEd Lesson Development
  • Building a Lesson
    • Meted Lesson Generator
    • Gdocs Lesson Builder Extension
    • Prototype Viewer
    • Articulate Storyline 360
    • Legacy Tools
  • Latest Core Template
    • Introduction
    • Basic Snippets
    • Media Elements
    • Question Snippets
      • Multi Question
      • Single Question
    • iFrame Data Loopers
    • MetEd Contributors List
    • Custom Components
Powered by GitBook
On this page
  • Show After (Sequential nested questions)
  • Carousel
Edit on GitHub
  1. Latest Core Template
  2. Question Snippets

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>

Carousel


<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>
PreviousQuestion SnippetsNextSingle Question

Last updated 6 months ago