Versions Compared

Version Old Version 3 New Version Current
Changes made by

Anastasia Cheetham

Anastasia Cheetham

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

...

Div
classcomponent-api-page

Span
classsmall
Production Status: PREVIEW

Insert excerpt
_UIO and UIE overview
nopaneltrue
_UIO and UIE overview
nopaneltrue

The Full Page version of UI Options displays the UI Options controls in a standalone page.

See Also
Tutorial - Full Page UI Options
UI Options Instructional Demos
Full Page UI Options (with Preview)
Fat Panel UI Options
UI Enhancer

Include Page
_UIO new in 1.4
_UIO new in 1.4

Anchor
top
top

Div
classsummary-table

#Creator

fluid.uiOptions.fullNoPreview(container, options)

Supported Events

none

Methods

none

#Options

#prefix
A relative path to templates.

#Configurable Subcomponents

#layoutControls
The layoutControls subcomponent renders the controls for customizing the layout of the page.

#linksControls
The linksControls subcomponent renders the controls for customizing the appearance of links on the page.

#templateLoader
The templateLoader subcomponent is responsible for fetching HTML templates for the various controls.

#textControls
The textControls subcomponent renders the controls for customizing the appearance of text on the page.

#uiOptions
The uiOptions subcomponent is responsible for the main rendering of the controls.

Creator

Span
classback-to-top
back to top

Use the following function to create a Full Page UI Options component:

Div
classapi-table

Method

fluid.uiOptions.fullNoPreview(container, options);

Description

Instantiate a full-page version of the UI Options component, with no Preview.

Parameters

container
A CSS-based selectors, single-element jQuery object, or DOM element that identifies the root DOM node where the UI Options interface should be placed.

options
An optional data structure that configures the UI Options component, as described below.

Returns

The Full Page UI Options component

Examples

Code Block
javascript
javascript
var myFullPageUIO = fluid.uiOptions.fullNoPreview("#myContainer", {
    prefix: "../../components/uiOptions/html/"
});

Notes

 

See also

Full Page UI Options
Fat Panel UI Options

Options

Span
classback-to-top
back to top

Include Page
_options intro
_options intro
Code Block
javascript
javascript
var fullUIO = fluid.uiOptions.fullNoPreview(".myContainer", {
    <option1Name>: <option1value>,
    <option2Name>: <option2value>
    ...
}
});

The options supported by Full Page UI Options are described below.

prefix

Include Page
_UIO prefix option
_UIO prefix option

Configurable Subcomponents

Include Page
_configurable subcomponents intro
_configurable subcomponents intro

To learn about the specific options for each subcomponent, visit the default implementation's API page, as described below.

layoutControls

Div
classapi-table

Description

The layoutControls subcomponent renders the controls for customizing the layout of the page.

Default implementation

fluid.uiOptions.layoutControls

Example

Code Block
javascript
javascript
fluid.uiOptions.fullNoPreview(".myContainer", {
    layoutControls: {
        options: {
            listeners: {
                onUIOptionsRefresh: myRefreshListener
            }
        }
    }
});

See also

Layout Controls

linksControls

Div
classapi-table

Description

The linksControls subcomponent renders the controls for customizing the appearance of links on the page.

Default implementation

fluid.uiOptions.linksControls

Example

Code Block
javascript
javascript
fluid.uiOptions.fullNoPreview(".myContainer", {
    linksControls: {
        options: {
            listeners: {
                onUIOptionsRefresh: myRefreshListener
            }
        }
    }
});

See also

Links Controls

templateLoader

Div
classapi-table

Description

The templateLoader subcomponent is responsible for fetching HTML templates for the various controls.

Default implementation

fluid.uiOptions.templateLoader

Example

Code Block
javascript
javascript
fluid.uiOptions.fullNoPreview(".myContainer", {
    templateLoader: {
        options: {
            templates: {
                linksControls: "../templates/CustomLinksTemplate.html"
            }
        }
    }
});

See also

Template Loader

textControls

Div
classapi-table

Description

The textControls subcomponent renders the controls for customizing the appearance of text on the page.

Default implementation

fluid.uiOptions.textControls

Example

Code Block
javascript
javascript
fluid.uiOptions.fullNoPreview(".myContainer", {
    textControls: {
        options: {
            listeners: {
                onUIOptionsRefresh: myRefreshListener
            }
        }
    }
});

See also

Text Controls

uiOptions

Div
classapi-table

Description

The uiOptions subcomponent is responsible for the main rendering of the controls.

Default implementation

fluid.uiOptions

Example

Code Block
javascript
javascript
fluid.uiOptions.fullNoPreview(".myContainer", {
    uiOptions: {
        options: {
            autoSave: false
        }
    }
});

See also

UI Options