Page Comparison

{anchor:top} The Template Loader is used by UI Options to configure the location of the various HTML templates that are used in the UI Options dialog. The options described on this page can be configured through the options of the main UI Options components. Three version of UI Options are available: * [Full page|Full Page UI Options] * [Full page, with preview|Full Page UI Options (with Preview)] * [Fat panel|Fat Panel UI Options] *Do not use this component directly.* The information on this page should be use when customizing one of the three versions. *See Also* [Full Page UI Options] [Full Page UI Options (with Preview)] [Fat Panel UI Options] {div2:class=summary-table} ||[#Options] |{{[#templates]}}\\ Values for the options in the drop-down lists in this set of controls| {div2} h2. Options {span:class=back-to-top}[back to top|#top]{span} h3. templates {div2:class=api-table} ||Description|A JavaScript object containing named template filenames. Four templates are supported:\\ * {{textControls}}: The template for the text controls (e.g. font size, etc.) * {{layoutControls}}: The template for the layout controls (e.g. table of contents) * {{linksControls}}: The template for the links controls (e.g. larger links, etc.) * {{uiOptions}}: The template for the whole interface, into which the other templates are rendered. | ||Default| {code:javascript|borderStyle=none}

Div

class	component-api-page

Wiki Markup

Anchor

	top
	top

The Template Loader is used by UI Options to configure the location of the various HTML templates that are used in the UI Options dialog. The options described on this page can be configured through the options of the main UI Options components. Three version of UI Options are available:

Do not use this component directly. The information on this page should be use when customizing one of the three versions.

Div

class	summary-table

#Options	`#templates` Values for the options in the drop-down lists in this set of controls

Options

Span

class	back-to-top

back to top

templates

Div

class	api-table

Description

A JavaScript object containing named template filenames. Four templates are supported:

textControls: The template for the text controls (e.g. font size, etc.)
layoutControls: The template for the layout controls (e.g. table of contents)
linksControls: The template for the links controls (e.g. larger links, etc.)
uiOptions: The template for the whole interface, into which the other templates are rendered.

Default

Code Block

	javascript
	javascript
borderStyle	none

templates: {
    textControls: "%prefix/UIOptionsTemplate-text.html",
    layoutControls: "%prefix/UIOptionsTemplate-layout.html",
    linksControls: "%prefix/UIOptionsTemplate-links.html",
    uiOptions: "%prefix/FatPanelUIOptions.html"
}

{code}\\ Note that the default value of {{uiOptions}} is overridden by two of the versions of UI Options as follows:\\ * Full Page: {{

Note that the default value of uiOptions is overridden by two of the versions of UI Options as follows:

Full Page: "%prefix/FullNoPreviewUIOptions.html"

}} *

Full

Page

(with

Preview):

{{

"%prefix/FullPreviewUIOptions.html"

}} | ||Example|{code:javascript|borderStyle=none}

Example

Code Block

	javascript
	javascript
borderStyle	none

templates: {
    uiOptions: "../templates/CustomUIOptionsLayout.html"
}

{code} | ||Notes| The special notation {{%prefix}} refers to the path specified using the {{prefix}} option of the parent UI Options component: The prefix will be used where specified in these paths. If the paths specified using this option do _not_ make use of the {{%prefix}} notation, then these paths will override the prefix. ||See also| [Full Page UI Options' prefix option|Full Page UI Options#prefix]\\ [Full Page UI Options (with Preview)' prefix option|Full Page UI Options (with Preview)#prefix]\\ [Fat Panel UI Options' prefix option|Fat Panel UI Options#prefix] | {div2}

Notes

The special notation %prefix refers to the path specified using the prefix option of the parent UI Options component: The prefix will be used where specified in these paths. If the paths specified using this option do not make use of the %prefix notation, then these paths will override the prefix.

Versions Compared

Old Version 1

New Version Current

Key

Options

templates