Child pages
  • Fat Panel UI Options - Custom Show-Hide Button

This documentation is currently being moved to our new documentation site.

Please view or edit the documentation there, instead.

If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Skip to end of metadata
Go to start of metadata

The demo below shows the UI Options "Fat Panel" component with customizations applied to the 'show/hide' button. (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 customizations include:

  • Changing the text in the button
  • Changing the styling of the button

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

 See JavaScript details

<html>
<head><title>301 Moved Permanently</title></head>
<body bgcolor="white">
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx</center>
</body>
</html>

 See HTML details

<html>
<head><title>301 Moved Permanently</title></head>
<body bgcolor="white">
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx</center>
</body>
</html>

 See CSS details

<html>
<head><title>301 Moved Permanently</title></head>
<body bgcolor="white">
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx</center>
</body>
</html>

See Also

Tutorial - User Interface Options
User Interface Options API