<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 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.