NIPO ODIN Version 5.17

Previous Topic

Next Topic

CSS for Tabs

Tab-settings can be defined by using the *TAB command in the NIPO ODIN script. The values of the tab command are used to determine the widths of the cells in the question text. For example, *TAB 50,60 result in a table with three predefined columns, where the first column would have a width of 50%, the second would have a width of 10% (60-50) and the last columns would be the remainder column and have a width of 40% (100-60).

Given the tab-settings above the first piece of text (up to the first tab character) on a line would be placed in a <td> tag with a class-selector odintabstop-0. The next piece of text would be placed in another <td> tag with a class-selector odintabstop-1. The remaining pieces of text would be placed in the last cell, which would have a selector odintabstop-2.

The <style> tag generated inside the <head> tag would look like this:

NIPO ODIN script: *TAB

*TAB 50,60

Example tag generated inside the <Head> tag using *TAB

<colgroup>
<col width="50.0%">
<col width="10.0%">
<col width="40.0%">
</colgroup>

If more tabs are encountered on a line an additional <table> tag is generated inside the current <td> tag. Inside this <table> will be a <tbody> and <tr> tag, all without any selectors. Inside this <tr> tag will be an additional <td> tag with a class-selector odintabstop-extra, for which no in-line style sheet definition will be generated.

Tab-stop selectors

Selector Description

odintabstop-extra

Extra tab-stops for those defined with the *TAB command.

odintabstop-last

Last tab stop.

odintabstop-N

Tab-stop number N. Tab start numbering at zero.

odintabstop-nonzero

All tab stops, excluding the first (number zero).

See Also