0 Replies Latest reply on Feb 15, 2011 10:36 PM by Eswara MoorthyNEC

    rich:simpleTogglePanel in IE6

    Eswara MoorthyNEC Newbie

      Hi,

       

             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>