ECourse - ToC Styled

1 Overview

The styled table allows an accordion style menu form to be displayed.

2 Structure

With a standard structure of

<ul>
  <li>
    Chapter1
    <ul>
      <li>Page1</li>
      <li>Page2</li>
      <li>Page3</li>
    </ul>
  </li>
  <li>
    Chapter2
    <ul>
      <li>Page4</li>
      <li>Page5</li>
      <li>Page6</li>
    </ul>
  </li>

The engine is supported by a standard styling sheet based on the work available from http://www.freewebdesigntutorials.net/27-useful-css-accordions/

The style sheet is available from https://ww3.allnone.ie/library/style/style_toc_style1.css

The display uses the CSS3 Accordion capabilities

3 Item images

Each chapter can have an icon image in the title.

When editing a chapter Layout > Table of Contents Image allows you to specify a custom image with a full URL.

Alternately you can type a number in here and will be presented with a system available icon. Just type in the number into the "Table of Contents Image" box

1	2	3	4
5	6	7	8
9	10	11	12