Hi ,
I had implemented accordion panel example as given under sandbox. In this accordion panel i had placed 2 tomahawk calendars components one below another using <h:panel grid> under < t:paneltab>.
However panel is not hiding those calendar components and also giving a _javascript_ error "effect not defined". If i remove <h:panel grid > then it works fine.
However i need to place those components one below another that is why used <h:panel grid >.
Please help....
The source code is :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=windows-1252"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://myfaces.apache.org/sandbox" prefix="s" %>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t" %>
<%@ taglib uri="http://xmlns.oracle.com/adf/faces" prefix="af" %>
<%@ taglib uri="http://xmlns.oracle.com/adf/faces/html" prefix="afh" %>
<html>
<body>
<f:view>
<h:form>
<s:accordionPanel id="test2"
layout="toggling"
collapsedTextColor="black"
collapsedFontWeight="normal"
collapsedBackColor="black"
expandedTextColor="black"
expandedFontWeight="bold"
expandedBackColor="black"
hoverTextColor="white"
hoverBackColor="black"
borderColor="black">
<t:panelTab label="Content 2" style="width:100%">
<t:panelGrid columns="1">
<h:panelGrid columns="1">
<t:inputCalendar id="secondOne" monthYearRowClass="yearMonthHeader" weekRowClass="weekHeader" popupButtonStyleClass="standard_bold"
currentDayCellClass="currentDayCell" value="#{OfferPageBean.startDateSelect}" renderAsPopup="true"
popupDateFormat="MM/dd/yyyy"
helpText="MM/DD/YYYY"/>
</h:panelGrid>
<h:panelGrid columns="1">
<t:inputCalendar id="thirdOne" monthYearRowClass="yearMonthHeader" weekRowClass="weekHeader" popupButtonStyleClass="standard_bold"
currentDayCellClass="currentDayCell" value="#{OfferPageBean.endDateSelect}" renderAsPopup="true"
popupDateFormat="MM/dd/yyyy"
helpText="MM/DD/YYYY"/>
</h:panelGrid>
</t:panelGrid>
</t:panelTab>
</s:accordionPanel>
</h:form>
</f:view>
</body>
</html>
