rich:simpleTogglePanel in IE6
eswaramoorthy1985 Feb 15, 2011 10:36 PMHi,
I use rich:simpleTogglePanel. Inside togglepanel i use panelGrid with two coloumns.
First time i see the page in IE6, second column halfcontent(rightside end) not visible...
If the screen resolution is greater than 1024 in IE6 not a problem.
Suppose screen resolution 1024 otherwise less than 1024...that time IE6 issue occur.
So i want to disply the togglepanel full content into rightside....
My layout : Header , Leftside , RightSide, Footer
LeftSide have panleGroup Links
Right side need togglepanel content. How to acheive this.
Help me.
Thanks in advance.
Sample.jsp
<%@page contentType="text/html"%> <%@page pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%> <%@ taglib uri="http://richfaces.org/rich" prefix="rich"%> <html> <f:view> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Sample</title> </head> <body id="sampleBodyId" bgcolor="blue"> <rich:page id="samplePage" width="1280" sidebarPosition="left" sidebarWidth="260"> <f:facet name="header"> <h:panelGroup> <h:outputText value="Sample Page"/> </h:panelGroup> </f:facet> <f:facet name="sidebar"> <a4j:outputPanel id="leftSideLinks"> <rich:panelMenu mode="none" iconExpandedGroup="disc" iconCollapsedGroup="disc" iconExpandedTopGroup="chevronUp" iconGroupTopPosition="right" iconCollapsedTopGroup="chevronDown" expandSingle="true"> <rich:panelMenuGroup id="fistLinkId" label="First Group" /> <rich:panelMenuGroup id="secodeLink" label="Second Group" /> <rich:panelMenuGroup id="thirdlink" label="Third Group" /> </rich:panelMenu> </a4j:outputPanel> </f:facet> <rich:layout> <rich:layoutPanel position="center" width="70*"> <a4j:outputPanel id="contentOutputPanelId"> <a4j:outputPanel id="innerOutputPanel"> <rich:simpleTogglePanel id="test" label="Toggle Panel Content" switchType="client"> <h:panelGrid columns="2"> <rich:panel id="firstRichPanel"> <h:outputText value="Here I displayed Some Values"/> <%-- Here i displyed some content --%> </rich:panel> <rich:panel id="secodRichPanel"> <h:outputText value="Here I displayed Some Values"/> <%-- Here i displyed some content --%> </rich:panel> </h:panelGrid> </rich:simpleTogglePanel> </a4j:ouputPanel> </a4j:outputPanel> </rich:layoutPanel> </rich:layout> </rich:page> </body> </f:view> </html>