The outputConnectionStatus component provides an ideal mechanism to provide continuous real-time feedback to users of the status of their ICEfaces application. It is particularly important to inform users when the application is busy sending and receiving data in response to a user-initiated action to manage their expectations with respect to application readiness for additional user input. Generally, the outputConnectionStatus component should be located in a consistent location throughout an ICEfaces application.
NOTE: A web-page may only contain a single outputConnectionStatus component. Using more than one outputConnectionStatus component on the same web page will result in erratic results.
]]>
Determinate mode should be used in cases where the number of steps or units of work in a long-running process are known. In determinate mode (default) the outputProgress component renders a progress bar that indicates the completion percentage for a task. Typically, the progress bar will gradually progress from 0 to 100 % complete in incremental steps determined by the application.
Indeterminate mode should be used in cases when it is not possible to predicate how long a long-running process will take to complete, or how many steps or units of work are required to complete the task. In indeterminate mode the outputProgress component renders an animated icon or progress bar that indicates generally that activity is taking place.
]]>The inputFile component can be used to provide a user-specified file upload capability.
Note: The inputFile component must render itself inside a form with its encode type set to "multipart/form-data". This limitation prevents using the inputFile component inside another form.
Note: The web.xml parameter com.icesoft.faces.uploadDirectoryAbsolute when set to true will use the value of the com.icesoft.faces.uploadDirectory parameter as an absolute directory.
]]>Style Classes Used:
| uniqueFolder | com.icesoft.faces.uploadDirectory | |
| Set | Not Set | |
| True | /application-context/uploadDirectory/sessionid/ | /application-context/sessionid/ |
| False | /application-context/uploadDirectory/ | /application-context/ |
The tree component can be used in cases where a hierarchical data structure must be viewed and navigated. It is typically used for menu-style applications, where the user selects a tree node and the application responds with an action related to the selected node.
In implementing a tree tag, the application developer must provide and declare in the JSP a tree tag and a single treeNode tag as a child of the tree tag. The tree tag should declare the "value" attribute to be a value binding to a backing bean that will return an object that implements the javax.swing.tree.TreeModel interface.
The TreeModel must contain a tree of DefaultMutableTreeNode instances. Each DefaultMutableTreeNode instance encapsultes an IceUserObject. The IceUserObject is the extension point for the application developer. If the IceUserObject does not provide sufficient state for representation of the tree's nodes, then the application developer should extend the IceUserObject and add state as required to their extension. When creating an IceUserObject, the DefaultMutableTreeNode wrapper must be provided to the constructor. Then the node's state can be set to the attributes on the IceUserObject including:
The "binding" attribute can be defined so that the application developer will have access to the Tree component in the application's backing bean. The "var" attribute can be declared on the tree tag such that the treeNode tag's children have access to the state of the TreeModel's node that it represents.
See the documentation for the treeNode tag for a description of supported facets.
]]>See the menuItem component's description for more relevant information.
]]>
This component renders the following style classes :
Vertical orientation:
The panelTabSet component can be used in cases where a file-tab navigation interface is appropriate.
Default styleClass value: iceTabSet
]]>Default value for the base class name is iceTabSet. The base class name is used as a prefix for the style classes that will be applied to the elements that make up the panelTabset. The default style classes are defined in the xp.css and royale.css that are included with ICEfaces.
Style Classes Used:
To override the defaults with a base class name of myTabSet the developer will need to define the following styleclasses in their web applications css.
The selectInputDate component can be used in cases where a date value must be displayed or entered.
]]>The dataPaginator component can be used to provide a more manageable, performant view into a large DataModel.
]]>The commandSortHeader can be used to provide a user-controlled data sorting capability to a dataTable.
]]>The panelBorder component can be used to provide a general layout scheme for a page.
Note: A panelBorder facet needs a container type component as a child (e.g., panelGroup, panelGrid or form). panelGroup renders a span tag, which doesn't work properly if using Mozilla. panelGrid can be used to avoid display problems.
]]>NOTE: This attribute has been depercated and will be removed in future release. Please use the following attributes instead:
The panelStack component can be used in cases where a form region must contain several embedded panels, only one of which is visible at one time, changing dynamically depending on an application state change or user selection.
]]>Style Classes Used:
The panelPopup component can be used to provide a general popup window behavior such as moveable/dragable and modal.
When using a modal panelPopup the rendered attribute must always be set to true. Visiblity of a modal panelPopup should be controlled using the visible attribute. The panelPopup renderer is responsible for creating and removing the modal iframe.
Note: A panelPopup facet needs a container type component as a child (e.g., panelGroup or panelGrid). panelGroup renders a span tag, which doesn't work properly if using Mozilla. panelGrid can be used to avoid display problems.
]]>The component predicts a word or phrase that a user wants to type in without the user actually completely typing it in. The selectInputText component requires developers to implement the matching list search algorithm in their backing bean.
The selectInputText component can generate one of two types of lists:
Decode Behavior
Obtain the Map from the "requestParameterMap"
property of the ExternalContext. If the value in the
Map for the value of the "clientId" property of the
component is null, create a String by concatenating
the value of the "clientId" property of the component with the
String ".x" (without the quotes). Create another String in the
same manner, but concatenate ".y" (without the quotes). If
null is the value in the Map for both
Strings, return from decode(). If the value in the
Map for the value of the "clientId" property of the
component is not null, get the value of the "type"
attribute, and convert it to lower case. If the result is equal
to the String "reset" (without the quotes), return from
decode().Otherwise, create a
javax.faces.event.ActionEvent around the component,
and pass it to the queueEvent() method of the
component, which must be an instance of
UICommand.
Encode Behavior
Render the clientId of the component as the value of the "name" attribute. Render the current value of the component as the value of the "value" attribute. If the "styleClass" attribute is specified, render its value as the value of the "class" attribute.
Default style class: iceBtn
]]>General Behaviour
Both the encode and decode behavior require the ability to get the id/name for a hidden field whose value is set by the JavaScript form submit. This name must be constructed as follows:
Get the clientId for the form of which this component is a child.
Append
NamingContainer.SEPARATOR_CHAR.
Append a constant string that is the same for all command link components in the tree.
In the following text, this String is called hiddenFieldName.
Decode Behavior
Obtain the "clientId" property of the
component. Obtain the
Map from the "requestParameterMap" property of the
ExternalContext. Derive hiddenFieldName as above.
Get the entry in the Map under the key that is the
hiddenFieldName. If the there is no entry, or the entry is the
empty String, or the entry is not equal to the value of the
"clientId" property, return immediately. If there is an entry,
and its value is equal to the value of the "clientId" property,
create a new javax.faces.event.ActionEvent instance
around the component and call queueActionEvent() on
the component, passing the event.
Encode Behavior
Render "#" as the value of the "href" attribute. Render the current value of the component as the link text if it is specified. Render javascript that is functionally equivalent to the following as the value of the "onclick" attribute:
document.forms['CLIENT_ID']['hiddenFieldName'].value='CLIENT_ID';
document.forms['CLIENT_ID']['PARAM1_NAME'].value='PARAM1_VALUE';
document.forms['CLIENT_ID']['PARAM2_NAME'].value='PARAM2_VALUE';
return false;
document.forms['CLIENT_ID'].submit()" where hiddenFieldName is as described above, CLIENT_ID is the clientId of the UICommand component, PARAM*_NAME and PARAM*_VALUE are the names and values, respectively, of any nested UIParameter children. The name and the value must be URLEncoded. If the "styleClass" attribute is specified, render its value as the value of the "class" attribute. Render any non-UIParameter children as normal inside of the "a" element. These will appear as the link text. Allow the form renderer to output a single "input" element (for the entire page, regardless of how many command link components are in the page) of "type" "hidden" whose "name" is the value of hiddenFieldName, and which must not have a "value" attribute. Multiple occurrences of command link components in the tree should not cause multiple hiddenFieldName hidden fields. Allow the form renderer to output an "input" element of "type" "hidden" for each of the nested UIParameter children, taking the name property (but not the value) from each one in turn.
UIData
to supplement this specification. If the "styleClass" attribute
is specified, render its value as the value of the "class"
attribute on the "table" element. Any pass-through attributes are
also rendered on the "table" element.
Rendering the header
If the UIData component has a
"header" facet, or
any of the child UIColumn components has a "header"
facet, render a "thead" element. If the UIData
component has a "header" facet, encode its contents inside of "tr"
and "th" elements, respectively. Output the value of the
"headerClass" attribute of the UIData component, if
present, as the value of the "class" attribute on the "th".
Output the number of child UIColumn components of the
UIData component as the value of the "colspan"
attribute on the "th". Output "colgroup" as the value of the
"scope" attribute on the "th" element.
If any of the child UIColumn components has a
"header" facet render a "tr" element. For each
UIColumn that actually has a "header" facet, render
it inside of a "th" element. Columns that don't have a "header"
facet cause an empty "th" element to be rendered. Output the
value of the "headerClass" attribute of the UIData
component, if present, as the value of the "class" attribute on
the "th". Output "col" as the value of the "colgroup" attribute
on the "th" element.
Close out the "thead" element.
Rendering the footer
Follow the same process as for the header, except replace "header" with "footer", "th" with "td", "thead" with "tfoot", and "headerClass" with "footerClass". Do not render any "scope" attribute for the footer.
Rendering the table body
Render a "tbody" element. Keep track
of the result of the
"rows" property on the UIData component. Keep track
of the number of rows we have rendered so far. Iterate through
the rows. Set the "rowIndex" property of the UIData
component to be correct as we iterate through the rows. Stop
rendering children and close out the "tbody" element if the
"rowAvailable" property of the UIData returned false.
Output a "tr" element. Output the value of the "rowClasses" per
the attribute description below. For each UIColumn
child, output a "td" element, attaching the value of the
"columnClasses" attribute of the UIData component per
the attribute description below. Recursively encode each child of
each UIColumn child. Close out the "td" element.
When done with the row, close out the "tr" element. When done
with all the rows, close out the "tbody" element.
When done rendering all the rows, set the "rowIndex" property of
the UIData to -1, and close out the "table"
element.
Decode Behavior
Obtain the Map from the
"requestParameterMap"
property of the ExternalContext. If the map contains
an entry for the "clientId" of this UIForm component,
call setSubmitted(true) on the form, otherwise call
setSubmitted(false) on the form.
Encode Behavior
The value of the "method" attribute must be
"post". The value
of the "action" attribute must be the result of passing the view
identifier of the current view to the getActionURL()
method of the ViewHandler for this application,
then passing that String to the encodeActionURL()
method on the ExternalContext. If the "styleClass"
attribute is specified, render its value as the value of the
"class" attribute. Render all the necessary hidden fields for all
commandLink instances in the page just before the close of the
"form" element.
Obtain the
Map from the "requestParameterMap"
property of the ExternalContext. If the
Map contains an entry for the "clientId" of the
component, pass the value of the entry to the
setSubmittedValue() method of the component, which
must be an instance of EditableValueHolder.
Encode Behavior
Render the clientId of the component as the value of the "name" attribute. Render the current value of the component as the value of the "value" attribute. If the "styleClass" attribute is specified, render its value as the value of the "class" attribute.
Decode Behavior
See the encode description for the Input Text renderer.
Encode Behavior
Render the clientId as the value of the "name" attribute. Render the current value of the component inside the "textarea" element.
If the "styleClass" attribute is specified, render its value as the value of the "class" attribute.
Render the pass-through attributes in the table below.
Render the "header" facet, if present, inside of "thead", "tr", and "th" elements, nested in that order. If the "headerClass" attribute is specified, render its value as the value of the "class" attribute on the "th" element.
Render "colgroup" as the value of the "scope" attribute.
Render the value of the "columns" attribute as the value of the "colspan" attribute on the "th" element.
Render the "footer" facet if present, using similar logic to the rendering of the "header", but replacing "thead" with "tfoot", "th" with "td", and "headerClass" with "footerClass".
Render the children of the UIPanel component inside
of a "tbody" element. Render the children based on the value of
the "columns" attribute, creating a new row each time a "columns"
worth of children have been rendered. Each child is rendered
inside of a "td" element. If a child has "rendered==false" it is
not rendered, and the column counter must not be incremented.
If the number of elements in this list is less than the number of columns specified in the "columns" attribute, no "class" attribute is output for each column greater than the number of elements in the list.
If the number of elements in the list is greater than the number of columns specified in the "columns" attribute, the elements at the posisiton in the list after the value of the "columns" attribute are ignored.
The default column classes would be rendered as : icePnlGrdColumn1, icePnlGrdColumn2, icePnlGrdColumn3, ....
]]>The panelGroup can also provide Drag & Drop functionality to it's child components. See the Drag & Drop documentation details.
The panelGroup component can also be used to apply a single Effect (Fade, Show, etc.) to a set of child-components by adding the components to the panelGroup and specifying the effect on the panelGroup "effect" attribute.
]]>visible values: true || false.
Note: If the visible is not defined the default is visible.
]]>Note: all Draggable panels must be contained in a form.
]]>Possible values are. dragging, drag_cancel,dropped,hover_start,hover_end
]]>Note: all Drop Target panels must be contained in a form.
]]>Possible values are. dropped,hover_start
]]>Decode Behavior
Obtain the Map from the "requestParameterMap"
property of the ExternalContext. If there is no
entry in the Map for the "clientId" of this
component, pass "false" to the setSubmittedValue()
method of the component, which must be an instance of
EditableValueHolder. If there is an entry, and its
value is equal, ignoring case and without quotes, to any of the
Strings: "on", "yes" or "true" pass true to the
setSubmittedValue() method of the component.
Encode Behavior
Render the clientId of the component as the value of the "name" attribute. If the current value of the component is "true", output the "checked" attribute. If the "styleClass" attribute is specified, render its value as the value of the "class" attribute.
See the "Decode Behavior for UISelectMany Components" section.
Encode Behavior
Render a "table" element. If the "styleClass" is specified, render the
value of the "styleClass" attribute as the value of the "class" attribute
on the "table" element. If the "style", "border" attributes are specified,
pass them thru. If the "layout" attribute is specified, and its
value is "pageDirection", render the children elements vertically,
otherwise horizontally, in the table. If any of the children are
an instance of SelectItemGroup, render them as a nested table.
Each of the children are ultimately rendered as follows. Render
a "label" element. Inside of the "label", render an "input" element
of "type" "checkbox" for each child component. As an exception to
the general rules about how to handle the "id" attribute, render it
as an attribute on the outer "table" element, the value of which is the
clientId of the component per the rules at the beginning
of this specification.The "id" attribute must not be output on each "input"
element. The value of the current SelectItem is rendered as the value of
the "value" attribute. If the value of the enclosing UISelectMany
matches the current value, render "checked" as the value of the
"checked" attribute. If the current SelectItem.isDisabled()
returns true, render "disabled" as the value of the "disabled"
attribute. Close out the "input" element and render the return
value from SelectItem.getLabel(). Close out the "label" element
and any other nested elements. See the "Rendering
the option elements" specification for
ListboxRenderer for more detail on how to render the
"option" elements in this renderer.
Decode Behavior
This section documents the decode behavior for all renderers
that handle UISelectMany or UISelectOne
components.
Decode Behavior for
UISelectMany components
Obtain the Map from the
"requestParameterValuesMap" property of the
ExternalContext. If the Map contains
an entry for the "clientId" of the component, pass the value of
the entry, cast to a String [], to the
setSubmittedValue() method of the component, which
must be an EditableValueHolder. If the
Map does not contain an entry, create an empty
String array and call
setSubmittedValue() with it.
Decode Behavior for
UISelectOne components
Obtain the Map from the "requestParameterMap"
property of the ExternalContext. If there is a
Map entry for the "clientId" property of the
component, pass it to the setSubmittedValue() method
of the component.
Encode Behavior
Render an HTML "select" element. Render the clientId of
the component as the value of the "name" attribute. If the "styleClass"
attribute is specified, render its value as the value of the "class"
attribute on the "select" element. If the component is a
UISelectMany instance, render "multiple" as the value of the
"multiple" attribute. If the "size" attribute is specified, render its
value as the value of the "size" attribute. Otherwise use the number of
items as the value of the "size" attribute.
Rendering the "option" elements
The only valid children of this component are
UISelectItem or UISelectItems instances.
Iterate over the children of this component, and accrue a list of
javax.faces.model.SelectItem instances. If the
current child is a UISelectItem create a
SelectIteminstance from its itemValue,
itemLabel and itemDescription properties, add
it to the list. If the current child is a
UISelectItems instance, call its
getValue() method. If the result is a
SelectItem bean, add it to the list. If the result
is an array of SelectItem beans, add each one t othe
list. If the result is a Collection of
SelectItem beans, add each one to the list. If the
result isa Map, create a SelectItem bean
for each entry in the Map using the key as the label,
the value as the value, and null as the description.
Iterate over the list of SelectItem beans. If the
current element is a SelectItemGroup, render an
"optgroup" element with a "label" attribute, the value of which is
the "label" property from the current element, then call
getSelectItems() and render each element as below.
If the current element is not a SelectItemGroup,
render an "option" element. Follow the conversion rules in the
spec to obtain a renderable String from the "value"
property of the current element, render that as the value of the
"value" atribute. Now it is time to see if the current element is
the selected value. call its
getSubmittedValue() method, casting the result to an
Object [], otherwise the component must be a
UISelectOne instance, call its
getSubmittedValue() method and create an Object
[] around the result. If the resultant array is non-null,
we look in the array for a value that, when we pass the renderable
value to its equals() method, it returns
true, meaning the current element is selected. If
the resultant array is null, if the component is a
UISelectMany, call its getValue()
method. If the result is a List obtain the values in
the list as an array. Otherwise, the component must be a
UISelectOne instance. Call its
getValue() method, which must be an Object array.
Look for an element in the resultant array that, 1. when we pass
the renderable value to its equals() method, it
returns true , or 2. if the renderable value is null,
and there is a null element in the array, also conclude that the
current element is selected. Otherwise the current element is not
selected. Now, if the current value is selected, write out an
HTML boolean property "selected". If the current
SelectItem.isDisabled() returns true, render "disabled" as the
value of the "disabled" attribute.
See the "Decode Behavior for UISelectMany Components" section.
Encode Behavior
Render an HTML "select" element. Render the clientId of
the component as the value of the "name" attribute. If the "styleClass"
attribute is specified, render its value as the value of the "class"
attribute on the "select" element. If the component
to be rendered is a UISelectMany, render "true" as the value of
the "multiple" attribute. Render "1" as the value of the "size"
attribute. See the "Rendering the option
elements" specification for ListboxRenderer for
more detail on how to render the "option" elements in this
renderer.
See the "Decode Behavior for UISelectOne Components" section.
Encode Behavior
Render an HTML "select" element. Render the clientId of
the component as the value of the "name" attribute. If the "styleClass"
attribute is specified, render its value as the value of the "class"
attribute on the "select" element. If the component
to be rendered is a UISelectMany, render "true" as the value of
the "multiple" attribute. If the "size" attribute is specified,
render its value as the value of the "size" attribute. Otherwise
use the number of items as the value of the "size" attribute. See
the "Rendering the option
elements" specification for ListboxRenderer for
more detail on how to render the "option" elements in this
renderer.
See the "Decode Behavior for UISelectOne Components" section.
Encode Behavior
Render an HTML "select" element. Render the clientId of the
component as the value of the "name" attribute. If the
"styleClass" attribute is specified, render its value as the value
of the "class" attribute on the "select" element. If the component
to be rendered is a UISelectMany, render "true" as the value of
the "multiple" attribute. Use the number of items as the value of
the "size" attribute. See the "Rendering
the option elements" specification for
ListboxRenderer for more detail on how to render the
"option" elements in this renderer.
See the "Decode Behavior for UISelectOne Components" section.
Encode Behavior
Render a "table" element. If the "styleClass" is specified, render the
value of the "styleClass" attribute as the value of the "class" attribute
on the "table" element. If the "style", "border" attributes are specified,
pass them thru. If the "layout" attribute is specified, and its
value is "pageDirection", render the children elements
vertically, otherwise horizontally, in the table. If any of the
children are an instance of SelectItemGroup, render them as a
nested table. Render a "label" element. Each of the children are
ultimately rendered as an "input" element of "type" "radio". As an
exception to the general rules about how to handle the "id" attribute,
render it as an attribute on the outer "table" element, the value of which
is the clientId of the component per the rules at the
beginning of this specification. The "id" attribute must not be
output on each "input" element. Output the value of the "label"
attribute of the SelectItem after the "input"
element. If the value of the currently rendered child is equal to
the value of the parent UISelectOne, render an appropriate HTML
boolean value indicating "checked" for the enclosing "input". If
the current SelectItem.isDisabled() returns true, render
"disabled" as the value of the "disabled" attribute. See the "Rendering the option
elements" specification for ListboxRenderer for
more detail on how to render the "option" elements in this
renderer. Close out the "label" element.
UIData component.]]>
ViewHandler
for this application, and passing the result
through the encodeResourceURL() method of the
ExternalContext. If present, render the value of the
alt attribute as the value of the "alt" attribute. If the
"styleClass" attribute is specified, render its value as the value
of the "class" attribute.]]>
Decode Behavior
See the decode description for the Input Text renderer.
Encode Behavior
Render the clientId of the component as the value of the "name" attribute. Render the current value of the component as the value of the "value" attribute.
Decode Behavior
See the decode description for the Input Text renderer.
Encode Behavior
Render the clientId of the component as the value of the "name" attribute. Render the current value of the component as the value of the "value" attribute, if and only if the "redisplay" component attribute is the string "true". If the "styleClass" attribute is specified, render its value as the value of the "class" attribute.
Set-up for Rendering
Obtain the "summary" and "detail" properties from
UIMessage component. If not present, keep the
empty string as the value, respectively. Obtain the first
FacesMessage to render from the component, using
the "for" property of the UIMessage. This will be
the only message we render. Obtain the severity style for this
message. If the severity of the message is
FacesMessage.SEVERITY_INFO, the severity style
comes from the value of the "infoStyle" attribute. If the
severity of the message is
FacesMessage.SEVERITY_WARN, the severity style
comes from the value of the "warnStyle" attribute, and so on for
each of the severities, INFO, WARN, ERROR and
FATAL. The same rules apply for obtaining the
severity style class, but instead of "infoStyle, warnStyle", etc
use "infoClass, warnClass", etc. Obtain the "style",
"styleClass" and "layout" attributes from the
UIMessage component. If we have a "style"
attribute and a severity style attribute, use the severity style
attribute as the value of the "style" attribute. If we have no
"style" attribute, but do have a severity style, use the
severity style as the value of the "style" attribute. The same
precedence rules apply for the style class.
Rendering
For the message renderer, we only render
one row, for the first message. For the messages renderer, we
render as many rows as we have messages. If either of the "style"
or "styleClass" attributes has a non-null value (as determined
above), render a "span" element, outputting the value of the
"style" attribute as the the value of the "style" attribute, and
outputting the value of the "styleClass" attribute as the value of
the "class" attribute on the "span" element. If the
UIMessage has a "tooltip" attribute with the value of
"true", and the UIMessage has "showSummary" and
"showDetail" properties with the value "true", if we haven't
already written out the "span", output the "summary" as the value
of the "title" attribute on the "span". If we haven't already
written out a "title" attribute, and "showSummary" is true, output
the summary. If "showDetail" is true, output the detail. Close
out the span if necessary.
UIMessages, and there is no "for" attribute.
Therefore, use either null to obtain the messages from
the FacesContext or the empty string if the components
"globalOnly" property is true. If the layout was
"table" close out the table elements. ]]>
style
and styleClass attributees from this component. If either
are present, render a "span" element. Output the styleClass
attribute (if present) as the value of the class attribute.
Output the style attribute as the value of the
style attribute. Accrue a list of the values of all
child UIParameter components of this component. If there
are one or more accumulated parameter values, convert the list of
parameter values to an Object array, call
MessageFormat.format(), passing the value
of this component as the first argument, and the array of parameter
values as the second argument, and render the result. Otherwise,
render the value of this component unmodified.]]>
ExternalContext. The name of the UIParameter goes on
the left hand side, and the value of the UIParameter on the right
hand side. The name and the value must be URLEncoded. Each
UIParameter instance is separated by an ampersand, as dictated in
the URL spec. If the "styleClass" attribute is specified, render
its value as the value of the "class" attribute.
]]>
If the "style" attribute is present, pass it thru. If the "escape" attribute is not present, or it is present and its value is "true" all angle brackets should be converted to the ampersand xx semicolon syntax when rendering the value of the "value" attribute as the value of the component.
If the "escape" attribute is present and is "false" the value of the component should be rendered as text without escaping.
]]><ice:outputDeclaration doctypeRoot="HTML" doctypePublic="-//W3C//DTD HTML 4.01 Transitional//EN" doctypeSystem="http://www.w3.org/TR/html4/loose.dtd" />will insert the following at the beginning of the document
<!DOCCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >]]>
Inserting the outputStyle component into the HEAD region of a page will link both the default CSS stylesheet for the theme and optionally an additional stylesheet that alters the default styles to accommodate differences in CSS rendering in various user-agents/browsers.
The additional style sheet will have a different extension for each browser.p>
This extension replaces the .css value of the href attribute. So when href is 'xp.css' and the page is rendered in Internet Explorer, an additional style sheet will be included called 'xp_ie.css'.
]]>UIData component.]]>