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

    rich:simpleTogglePanel in IE6

    Eswara MoorthyNEC Newbie



             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.




      <%@page contentType="text/html"%>
      <%@page pageEncoding="UTF-8"%>
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      <%@ 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"%>
                  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
                  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
              <body id="sampleBodyId" bgcolor="blue">
                  <rich:page id="samplePage" width="1280" sidebarPosition="left" sidebarWidth="260">
                      <f:facet name="header">
                              <h:outputText value="Sample Page"/>
                      <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: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 id="secodRichPanel">
                                             <h:outputText value="Here I displayed Some Values"/>
                                              <%-- Here i displyed some content --%>