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

roundedDiv

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.