Difference between revisions of "ECourse - ToC Styled"

From All n One's bxp software Wixi

Jump to: navigation, search
(Created page with "= Overview = Description coming soon.")
 
Line 1: Line 1:
 
= Overview =
 
= Overview =
  
−
Description coming soon.
+
 
 +
The styled table allows an accordion style menu form to be displayed.
 +
 
 +
 
 +
 
 +
= Structure =
 +
 
 +
With a standard structure of
 +
 
 +
<syntaxhighlight lang="html4strict">
 +
<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>
 +
</syntaxhighlight>
 +
 
 +
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
 +
 
 +
 
 +
= 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
 +
 
 +
{| class="wikitable"
 +
|-
 +
| [[File:icon_0001.png]] ||  [[File:icon_0002.png]] ||  [[File:icon_0003.png]] ||  [[File:icon_0004.png]]
 +
|-
 +
| 1 || 2 || 3 || 4
 +
|-
 +
| [[File:icon_0005.png]] ||  [[File:icon_0006.png]] ||  [[File:icon_0007.png]] ||  [[File:icon_0008.png]]
 +
|-
 +
| 5 || 6 || 7 || 8
 +
|-
 +
| [[File:icon_0009.png]] ||  [[File:icon_0010.png]] ||  [[File:icon_0011.png]] ||  [[File:icon_0012.png]]
 +
|-
 +
| 9 || 10 || 11 || 12
 +
|-
 +
|}
 +
 
 +
 
 +
 
 +
[[Category:Module Specific:eCourse]]

Revision as of 18:59, 2 September 2017

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

icon 0001.png icon 0002.png icon 0003.png icon 0004.png
1 2 3 4
icon 0005.png icon 0006.png icon 0007.png icon 0008.png
5 6 7 8
icon 0009.png icon 0010.png icon 0011.png icon 0012.png
9 10 11 12
Retrieved from ‘https://www.bxpsoftware.com/wixi/index.php?title=ECourse_-_ToC_Styled&oldid=7777’