HTML Elements and Layout
The PropertySheet component is a NamingContainer
used to layout PropertySheetSection components on a page.
Each PropertySheetSection may in turn have any number of
Property components within it. This allows you to easily
format a page with a number of input or read-only fields.
PropertySheetSections allow you to group Property
components together and provide a label for the set of
enclosed Propertys.
The PropertySheet allows each
PropertySheetSection to have an optional "jump link" from the
top of the PropertySheet to each
PropertySheetSection within the PropertySheet.
This is accomplished by supplying the attribute jumpLinks with
a value of true. If not specified, this attribute defaults to false.
Client Side Javascript Functions
None.
Example:
Example 1: Create a simple PropertySheet which contains 2 PropertySheetSection components each containing 2 Property components:
<ui:propertySheet id="propSheetExample1" jumpLinks="true">
<ui:propertySheetSection id="firstSection" label="Search Criteria">
<ui:property id="Property1" label="Instance Name: " labelAlign="right" noWrap="true" overlapLabel="false">
<ui:dropDown id="servers" required="true" items="#{BackingFileChoice.servers}" />
<f:verbatim>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</f:verbatim>
<ui:label id="logFileLabel" labelLevel="2" text="Log File: " />
<ui:dropDown id="logFile" items="#{BackingFileChoice.archivedLogFiles}" />
</ui:property>
<ui:property id="Property2" label="Log Level: " labelAlign="right" noWrap="true" overlapLabel="false" helpText="#{bundle.['log.level.help']}">
<f:facet name="content">
<ui:dropDown id="logLevel" items="#{BackingFileChoice.logLevel}" />
</f:facet>
</ui:property>
</ui:propertySheetSection>
<ui:propertySheetSection id="secondSection" label="Advanced Options">
<ui:property id="Property3" label="Logger: " labelAlign="right" noWrap="true" overlapLabel="false" helpText="Select one or more module logs to view">
<ui:listbox id="logger" items="#{BackingFileChoice.loggers}" rows="5" />
</ui:property>
<ui:property id="Property4" noWrap="true" overlapLabel="false" helpText="Select one or more module logs to view">
<ui:checkbox id="limitLongLogs" label="Limit excessively long messages" />
</ui:property>
</ui:propertySheetSection>
</ui:propertySheet>
Auto-generated component class.
Do NOT modify; all changes
will be lost!
|