Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
{div:class=} {section} {column} {
Wiki Markup
Div
classinstructional-demo
Section
Column
Insert excerpt
:
UI
Options
Instructional
Demos
|
nopanel
=true} {column} {column} The demo below shows a version of the UI Options "Full Page, No Preview" component with the minimum and maximum extents of the sliders customized. (Because UI Options applies styles to an entire page, this demo is being shown in an iframe. Changes will apply only within the iframe.) * The "Text Size" slider has a custom range from 0.5 to 3. * The "Line Spacing" slider has a custom range from 0.5 to 3. To see the source files used for this demo, click the "See details" links under the iframe. {div2:class=demo-iframe} {iframe:height=500px|src=
true
UI Options Instructional Demos
Column

The demo below shows a version of the UI Options "Full Page, No Preview" component with the minimum and maximum extents of the sliders customized. (Because UI Options applies styles to an entire page, this demo is being shown in an iframe. Changes will apply only within the iframe.)

  • The "Text Size" slider has a custom range from 0.5 to 3.
  • The "Line Spacing" slider has a custom range from 0.5 to 3.

To see the source files used for this demo, click the "See details" links under the iframe.

Div
classdemo-iframe
Iframe
srchttp://build.fluidproject.org/instructional/demos/instructional/uiOptions/html/fullNoPreview-ranges.html
} {iframe} {div2} {div2:class=
height500px
Div
classsee-details
} {expand:See JavaScript details} {html:script=#http://build.fluidproject.org/instructional/demos/instructional/uiOptions/js/fullNoPreview-ranges.js|output=wiki} {html} {expand} {div2} {div2:class=see-details} {expand:See HTML details} {html:script=#http://build.fluidproject.org/instructional/demos/instructional/uiOptions/html/fullNoPreview-ranges.html|output=wiki} {html} {expand} {div2} h3. See Also [Tutorial - Full Page UI Options] [Full Page UI Options] {column} {section} {div}
Expand
See JavaScript details
See JavaScript details

Div
classsee-details
Expand
See HTML details
See HTML details

See Also

Tutorial - Full Page Preferences Editor
Full Page UI Options