Oracle Fusion Middleware Data Visualization Tools Tag Reference for Oracle ADF Faces
12c (12.2.1.4.0)
E81450-01

<dvt:panelCard>

dvt:panelCard panelCard panel card

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 event 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.
contentDelivery String Yes Valid Values: immediate, lazy
Default Value: immediate

Specifies when the data from the showDetailItems in the panelCard is fetched. Valid values are:

  • "immediate" - the data from all showDetailItems in this panelCard will be fetched immediately.
  • "lazy" - the data from the 1st showDetailItem is fetched and send down to the browser initially, the data of the other showDetailItems will be fetched when they are requested and cache on the client thereafter.
effect String Yes Valid Values: immediate, slideHorz, flipHorz, nodeFlipHorz, cubeRotateHorz, nodeCubeRotateHorz, slide_horz, flip_horz, node_flip_horz, cube_rotate_horz, node_cube_rotate_horz
Default Value: slideHorz

Specifies the effect used when transitioning between showDetailItems. Valid values are:

  • "immediate" - no transition effect
  • "slideHorz" - old content slides out on one side while new content slides in from the other side
  • "flipHorz" - the showDetailItem flips over to reveal new contents
  • "nodeFlipHorz" - the whole node flips over to reveal new contents
  • "cubeRotateHorz" - the showDetailItem rotates as if on the face of a cube to reveal new contents
  • "nodeCubeRotateHorz" - the whole node rotates as if on the face of a cube to reveal new contents

The old values "slide_horz", "flip_horz", "node_flip_horz", "cube_rotate_horz", and "node_cube_rotate_horz" are deprecated in favor of the new mixed-case values, but the old values still work for the sake of backwards compatibility.
id String No the identifier for the component
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 Default Value: true

Specifies whether the component is rendered
styleClass String Yes Sets a CSS style class to use for this component.