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

rich:simpleTogglePanel in IE6

eswaramoorthy1985 Feb 15, 2011 10:36 PM

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>