Oracle Fusion Middleware Data Visualization Tools Tag Reference for Oracle ADF Faces
11g Release 1 (11.1.1.5.0)
E12418-07

<dvt:panelCard>

UIComponent class: oracle.adf.view.faces.bi.component.hierarchyViewer.PanelCard
Component type: oracle.dss.adf.hierarchyViewer.PanelCard

The panel card component is a container that shows one of multiple showDetailItems at a time, and provides navigation between its showDetailItems with an optional transition effect.

Relationship with other tags

This component must be used within one of the facets of the <dvt:node> component.

This component can only have af:showDetailItem children.

Example

The following example shows XML for a panelCard tag.
<dvt:hierarchyViewer> <dvt:node width="233" height="233"> <f:facet name="zoom100"> <af:panelGroupLayout layout="vertical" inlineStyle="width:100%;height:100%;padding:5px"> <dvt:panelCard effect="slide_horz"> <af:showDetailItem text="Contact Info"> <af:outputText value="#{node.Firstname} #{node.Lastname}"/> <af:outputText value="#{node.Phonenumber}"/> </af:showDetailItem> <af:showDetailItem text="Address"> <af:outputText value="#{node.Street}"/> <af:outputText value="#{node.City}, #{node.State} #{node.Zip}"/> </af:showDetailItem> </dvt:panelCard> </af:panelGroupLayout> </f:facet> </dvt:node> </dvt:hierarchyViewer>

Gradient background and border

By default, the panel card displays a gradient background that transitions from its background-color to white. The gradient can be turned off so that the background is a solid color by specifying the custom attribute "fill-type:solid" in the inlineStyle attribute on the <dvt:panelCard> tag.

Similarly, by default, the panel card displays a gradient border based on its border-color. The gradient can be turned off so that the border is a solid color by specifying the custom attribute "border-type:solid" in the inlineStyle attribute on the <dvt:panelCard> tag.

Events

Type	Phases	Description
org.apache.myfaces.trinidad.event.AttributeChangeEvent	Invoke Application, Apply Request Values	Event delivered to describe an attribute change. Attribute change events are not delivered for any programmatic change to a property. They are only delivered when a renderer changes a property without the application's specific request. An example of an attribute change events might include the width of a column that supported client-side resizing.

Attributes

Name	Type	Supports EL?	Description
attributeChangeListener	javax.el.MethodExpression	Only EL	a method reference to an attribute change listener. Attribute change events are not delivered for any programmatic change to a property. They are only delivered when a renderer changes a property without the application's specific request. An example of an attribute change events might include the width of a column that supported client-side resizing.
binding	oracle.adf.view.faces.bi.component.hierarchyViewer.PanelCard	Only EL	an EL reference that will store the component instance on a bean. This can be used to give programmatic access to a component from a backing bean, or to move creation of the component to a backing bean.
effect	String	Yes	Specifies the effect used when transitioning between showDetailItems. Valid values are: "immediate" - no transition effect "slide_horz" - old content slides out on one side while new content slides in from the other side "flip_horz" - the showDetailItem flips over to reveal new contents "node_flip_horz" - the whole node flips over to reveal new contents
id	String	No	the identifier for the component. The identifier must follow a subset of the syntax allowed in HTML: Must not be a zero-length String. First character must be an ASCII letter (A-Za-z) or an underscore ('_'). Subsequent characters must be an ASCII letter or digit (A-Za-z0-9), an underscore ('_'), or a dash ('-').
inlineStyle	String	Yes	Specifies CSS styles to use for this component. This is intended for basic style changes; you should use the skinning mechanism if you require any complex style changes.
rendered	boolean	Yes	Specifies whether the component is rendered
styleClass	String	Yes	Sets a CSS style class to use for this component.