Description

Panel container component extends a standard panel component with features like modality, drag-drop and etc.

Screen Shot

API

component-family net.sf.yui4jsf
renderer-type net.sf.yui4jsf.component.PanelRenderer
component-class net.sf.yui4jsf.component.panel.Panel
renderer-class net.sf.yui4jsf.component.panel.PanelRenderer
tag-class net.sf.yui4jsf.component.panel.PanelTag

Usage

<yui:panel close="{true|false}"
				draggable="{true|false}"
				underlay=
				modal="{true|false}"
				visible="{true|false}"
				monitorResize="{true|false}"
				x="150"
				y="200"
				fixedCenter="{true|false}"
				width="400"
				height="300"
				zIndex="1"
				constrainToViewport="{true|false}"
				iframe="{true|false}">
		<f:facet name="header">
			<h:outputText value="This is my header"></h:outputText>
		</f:facet>
		
		<h:outputText value="Text:"></h:outputText>
		<h:inputText value=""></h:inputText>
		
		<f:facet name="footer">
			<h:outputText value="This is my footer"></h:outputText>
		</f:facet>
	</yui:panel>
            

Attributes

<yui:slider>

Standard Attributes - id, rendered, binding
close - Boolean value whether a "close" icon should be displayed in the header.
draggable - Boolean value whether to allow the user to drag the Panel using its header.
underlay - Specifies the type of underlay to display under the Panel. Possible values: none|shadow|matte.
modal - Boolean value that specifies whether the document should be shielded with a partially transparent mask to require the user to close the Panel before being able to activate any elements in the document
visible - Boolean value that sets the visibility of the panel
monitorResize - Boolean value that configures whether or not to create a hidden off-screen element that can be used to monitor for text size changes in the DOM.
x - Value to set the panel's left value
y - Value to set the panel's top value
fixedCenter - Boolean value that specifies whether the panel should be automatically centered in the viewport on window scroll and resize.
width - Width of the panel in pixels
height - Width of the panel in pixels
zIndex - zIndex property of the panel
constrainToViewport - Boolean value to keep the panel inside the confines of the size of viewport
iframe - Boolean value to place an iframe to prevent other elements with a higher z-index from poking through. (true by default for IE 6 and below)

Instructions

see panel.jsp for an example

Upcoming Features

- Styling

Additional Information

NONE