MyFaces Sandbox - <s:roundedDiv>

MyFaces Projects

Documentation

Project Documentation

Foundation

Summary

Tag name: <s:roundedDiv>
UIComponent class: org.apache.myfaces.custom.roundeddiv.HtmlRoundedDiv
Tag class: org.apache.myfaces.custom.roundeddiv.HtmlRoundedDivTag
Component type: org.apache.myfaces.HtmlRoundedDiv
Component family: javax.faces.Output
Renderer type: org.apache.myfaces.HtmlRoundedDiv
Renderer class: org.apache.myfaces.custom.roundeddiv.HtmlRoundedDivRenderer

Component that allows for a rounded border effect on DIV tags that is supported in CSS2 compatible browsers and IE6.

Component that generates a DIV tag with rounded corners that may be either 3D or 2D in appearence.

The "roundedDiv" component creates a DIV tag that contains images to produce rounded corners. The rounded effect can be either 3D with lighting effects or 2D with a solid color border.

Screen Shot

Usage

<s:roundedDiv
  id="String"
  binding="EL"
  rendered="Boolean"
  backgroundColor="Color|HEX Color String"
  borderColor="Color|HEX Color String"
  color="Color|HEX Color String"
  borderWidth="Integer"
  radius="Integer"
  size="Dimension|String"
  corners="String"
  inverse="Boolean"
  layout="table|div"
  contentStyle="String"
  contentStyleClass="String">
  ...Contents...
</s:roundedDiv>

Instructions

See the file roundedDiv.jsp for an example.

Attributes

Name	Type	Supports EL?	Description
backgroundColor	String	Yes	Background color to give the corners. Leave blank (null) to have a transparent background. If the user is using IE6, this has to be set, or the corners will not look good due to IE6's lack of PNG support.
binding	String	Only EL	Identifies a backing bean property (of type UIComponent or appropriate subclass) to bind to this component instance. This value must be an EL expression.
borderColor	String	Yes	The color of the border. If specified, this will cause the DIV to be 2D, if it isn't the border with have a 3D effect with lighting effects to produce the border color.
borderWidth	Integer	Yes	The width of the border in pixels. (Default: 8)
color	String	Yes	The foreground color of the DIV
contentStyle	String	Yes	The CSS style to give to the content DIV or TD (based on layout)
contentStyleClass	String	Yes	The CSS style class to give to the content DIV or TD (based on layout)
corners	String	Yes	This allows you to specify a comma-separated list of corners to include. If not given, all four corners will be rendered. The corners include the sides they touch. So for example, if used as a tab for a tabbed pane, you could specify "topleft,topright" to have everything but the bottom corners and side have the border. Valid values are: topleft, topright, bottomright, bottomleft
dir	String	Yes	HTML: The direction of text display, either 'ltr' (left-to-right) or 'rtl' (right-to-left).
enabledOnUserRole	String	Yes	If user is in given role, this component will be rendered normally. If not, no hyperlink is rendered but all nested tags (=body) are rendered.
forceId	boolean	No	If true, this component will force the use of the specified id when rendering.
forceIdIndex	boolean	No	If false, this component will not append a '[n]' suffix (where 'n' is the row index) to components that are contained within a "list." This value will be true by default and the value will be ignored if the value of forceId is false (or not specified.)
id	String	Yes	An identifier for this particular component instance within a component view. The id must be unique within the scope of the tag's enclosing NamingContainer (eg h:form or f:subview). The id is not necessarily unique across all components in the current view This value must be a static value, ie not change over the lifetime of a component. It cannot be defined via an EL expression; only a string is permitted.
inverse	Boolean	Yes	Flips the lightening/darkening effect for 3D borders. (Default: false)
lang	String	Yes	HTML: The base language of this document.
layout	String	Yes	Either "table" or "div". Specifies how the output should be rendered. Size must be null if using "table" (if it is not, a div will be rendered). (Default: div)
onclick	String	Yes	HTML: Script to be invoked when the element is clicked.
ondblclick	String	Yes	HTML: Script to be invoked when the element is double-clicked.
onkeydown	String	Yes	HTML: Script to be invoked when a key is pressed down over this element.
onkeypress	String	Yes	HTML: Script to be invoked when a key is pressed over this element.
onkeyup	String	Yes	HTML: Script to be invoked when a key is released over this element.
onmousedown	String	Yes	HTML: Script to be invoked when the pointing device is pressed over this element.
onmousemove	String	Yes	HTML: Script to be invoked when the pointing device is moved while it is in this element.
onmouseout	String	Yes	HTML: Script to be invoked when the pointing device is moves out of this element.
onmouseover	String	Yes	HTML: Script to be invoked when the pointing device is moved into this element.
onmouseup	String	Yes	HTML: Script to be invoked when the pointing device is released over this element.
radius	Integer	Yes	The radius of the corners in pixels. (Default: 8)
rendered	boolean	Yes	A boolean value that indicates whether this component should be rendered. Default value: true.
size	String	Yes	If given, a static size image will be produced. This could be useful for older browsers. If not given, the DIV that will be created will stretch to its contents using CSS2 (and CSS expressions in IE6). Value must contain two numbers, with width first. Example: 640x480
style	String	Yes	HTML: CSS styling instructions.
styleClass	String	Yes	The CSS class for this element. Corresponds to the HTML 'class' attribute.
title	String	Yes	HTML: An advisory title for this element. Often used by the user agent as a tooltip.
visibleOnUserRole	String	Yes	If user is in given role, this component will be rendered normally. If not, nothing is rendered and the body of this tag will be skipped.