如何控制丰富:modalpanel标题滚动

时间:2013-10-04 10:01:13

标签: css

我在我的页面中使用Richfaces 3.3.3我正在使用rich:modalpanel显示模板面板内的显示日志详细信息,而且我正在使用此模板面板的滚动选项。每当我垂直滚动时    或水平,然后模态面板内的内容也将滚动。但是    同时模态面板标题也滚动。如果我使用HTML div元素滚动    然后如果改变模态面板大小之后,它唯一调整大小的div元素不会调整大小

  following code will explain clearly,

<rich:modalPanel id="logModalPanel"                  
                 width="800"                                          
                 resizeable="true" 
                 style="height:600px;overflow:scroll;">  

                  <f:facet name="header" >
                  <h:outputText  id="ModalPanelHeader" 
                  value="#{bean.logFileName}" />
                  </f:facet>

               <f:facet name="controls">
                  <h:graphicImage id="modalPanelCloseIcon" 
                  value="#{..///closeImage}"
                  onclick="#{rich:component('logModalPanel')}.hide();">
                  </h:graphicImage>
               </f:facet>

               <h:form>
               <rich:panel id="logDetailsPanel" 
                  styleClass="remove-border" 
                  style=" width:100%; height:100%;">

                <div >   
                <pre>${bean.content}</pre>
                </div>

           </rich:panel>
           </h:form>
          </rich:modalPanel>    

如果我以水平方式移动滚动条,那么标题标记也将水平移动并关闭模式面板中心点上的图像。然后,如果我垂直移动小平面标题也移动。 我该怎么办呢?

0 个答案:

没有答案