Open panelBox on click of header

Question

Hi,
How to open PanelBox by clicking on header
Currently it is like
+ institutionName
If I click on + image panel box open up. I need to implement same functionality i.e on click on institutionName panelBox should open up.

Answer 1

PanelBox does NOT provide that functionality. But you could build a custom declarative component which mimics this behavior.
Please find the sample below:
TestPage.jspx:
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
  <jsp:directive.page contentType="text/html;charset=UTF-8"/>
  <f:view>
    <af:document id="d1">
      <af:form id="f1">
        <af:panelGroupLayout id="pgl1" layout="scroll" inlineStyle="width:400px" partialTriggers="cb1">
          <af:commandButton text="Click to Expand" id="cb1" styleClass="AFStretchWidth" partialSubmit="true"
                            binding="#{TestPageBean.panelBoxHeaderButton}"
                            actionListener="#{TestPageBean.onClick}"/>
          <af:panelGroupLayout id="pgl2" layout="vertical" visible="false"
                               binding="#{TestPageBean.panelBoxPGL}">
            <af:inputText label="Input Text in Panel Box 1" id="it1"/>
            <af:inputText label="Input Text in Panel Box 2" id="it2"/>
          </af:panelGroupLayout>
          </af:panelGroupLayout>
      </af:form>
    </af:document>
  </f:view>
</jsp:root>
TestPageBean.java:
import javax.faces.event.ActionEvent;
import oracle.adf.view.rich.component.rich.layout.RichPanelGroupLayout;
import oracle.adf.view.rich.component.rich.nav.RichCommandButton;
public class TestPageBean {
    private RichPanelGroupLayout panelBoxPGL;
    private RichCommandButton panelBoxHeaderButton;
    public TestPageBean() {
    public void setPanelBoxPGL(RichPanelGroupLayout panelBoxPGL) {
        this.panelBoxPGL = panelBoxPGL;
    public RichPanelGroupLayout getPanelBoxPGL() {
        return panelBoxPGL;
    public void setPanelBoxHeaderButton(RichCommandButton panelBoxHeaderButton) {
        this.panelBoxHeaderButton = panelBoxHeaderButton;
    public RichCommandButton getPanelBoxHeaderButton() {
        return panelBoxHeaderButton;
    public void onClick(ActionEvent actionEvent) {
        if(this.panelBoxPGL != null){
            if(this.panelBoxPGL.isVisible()){
                this.panelBoxPGL.setVisible(false);
                this.getPanelBoxHeaderButton().setText("Click to Expand");
            }else{
                this.panelBoxPGL.setVisible(true);
                this.getPanelBoxHeaderButton().setText("Click to Disclose");
}Thanks,
Navaneeth