Div |
---|
class | Wiki Markup |
---|
{div:class=instructional-demo | Section |
---|
Column |
---|
|
|
}
{section}
{column:width=25%}
{excerpt-include
docs:UI Options Instructional
Demosdocs:UI Options Instructional Demos | nopanel | true |
---|
Column |
---|
Wiki Markup |
---|
Demos|nopanel=true}
{column}
{column}
The demo below shows the UI Options "Fat Panel" component with no customizations added. This is how it appears "out-of-the-box." (Because UI Options applies styles to an entire page, this demo is being shown in an iframe. Changes will apply only within the iframe.)
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=http://build.fluidproject.org/instructional/demos/instructional/uiOptions/html/fatPanel-default.html}
{iframe}
{div2}
{div2:class=see-details}
{expand:See JavaScript details}
{html:script=#http://build.fluidproject.org/instructional/demos/instructional/uiOptions/js/fatPanel-default.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/fatPanel-default.html|output=wiki}
{html}
{expand}
{div2}
h3. See Also
[Tutorial - Fat Panel UI Options]
[Fat Panel UI Options]
{column}
{section}
{div}