14 Replies Latest reply on Jan 11, 2010 9:23 AM by ilya_shaikovsky

    fileUpload IE position: relative

      Hello,

       

      I use this component in a jsf with a template. Everything works in Firefox and Opera.

      In IE, the fileUpload button is absolutly positionned by IE.

      bug_fileupload_IE.gif

      As you can see, the browse ("Parcourir") button quitted its place. It should be in the blank area.

       

      version: richfaces-ui.


      In source code fileupload.jspx we have :

       

      <div class="rich-fileupload-button-border" style=" float:left;">
                          <div class="#{addButtonClass}" onmouseover="this.className='rich-fileupload-button-light rich-fileupload-font'" onmousedown="this.className='rich-fileupload-button-press rich-fileupload-font'" onmouseup="this.className='rich-fileupload-button rich-fileupload-font'" onmouseout="this.className='rich-fileupload-button rich-fileupload-font'"
                               style="position: relative;"
                               id="#{clientId}:add1">
                              <div class="#{addButtonClassContent}"
                                   id="#{clientId}:add2"
                                   style="position: relative;">#{addLabel}</div>
                              <div style="overflow : hidden; position : absolute; top : 0px; left : 0px; padding: 0px;">
                                  <input type="file" style="cursor: pointer; right: 0px; top: 0px; font-size: 10em; position: absolute; padding: 0px"
                                            class="rich-fileupload-hidden"
                                            id="#{clientId}:file"
                                         name="#{clientId}:file"
                                         autocomplete="off"
                                         onchange="return $('#{clientId}').component.add(this);"/>

                              </div>
                              <div id="#{clientId}:flashContainer" style="display:none"></div>
                          </div>
                      </div>

       

      I don't know how to have the double layer effect without div (image and text of button first and behind  file input). I'm not css expert.

       

      Is this bug known?

        • 1. Re: fileUpload IE position: relative

          I use richfaces-ui-3.2.2.GA .

          IE 7

           

          Ce message a été modifié par: guillaume valancogne

          • 2. Re: fileUpload IE position: relative
            ilya_shaikovsky

            Check please with some DEv toolbar for IE which styles applied to fileUpload elements except default ones.

             

            And b.t.w. please check with latest version. 3.3.3BETA one released yesterday or 3.3.2SR1 If can use only released versions.

            • 3. Re: fileUpload IE position: relative

              Thanks for your answer.

               

              I tested with the 3.3.2.SR1 version the problem is the same. The button doesn't stay in its place.

               

              bug_ie_3.3.2.SR1.gif

               

              Here is what I get with the DebugBar for the div node:

               

              <DIV class="rich-fileupload-button rich-fileupload-font" id=mainSettings:upload:add1 style="POSITION: relative">

               

                   <DIV class="rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-add " id=mainSettings:upload:add2                     style="POSITION: relative">Parcourir...

                   </DIV>
                   <DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 82px;           PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 22px"><INPUT class=rich-fileupload-hidden id=mainSettings:upload:file           style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10em; RIGHT: 0px; PADDING-BOTTOM: 0px; CURSOR: pointer;           PADDING-TOP: 0px; POSITION: absolute; TOP: 0px" type=file onchange="return $('mainSettings:upload').component.add(this);"           name=mainSettings:upload:file autocomplete="off">

                    </DIV>
                   <DIV id=mainSettings:upload:flashContainer style="DISPLAY: none">

                   </DIV>

               

              </DIV>

               

              The input text has an absolute postionning to go under the 'Parcourir...' text.

              To my mind this due to the second scroll bar (the one due to the template) for which IE does'nt apply the relative positionning.

              I would say that the code should be browser dependent.

              • 4. Re: fileUpload IE position: relative
                nbelaevski

                Hi,

                 

                What is page code for this problem?

                • 5. Re: fileUpload IE position: relative

                  The code is in page fileupload.jspx .

                   

                  start at line 85

                   

                  <div class="rich-fileupload-button-border" style=" float:left;">
                                      <div class="#{addButtonClass}" onmouseover="this.className='rich-fileupload-button-light rich-fileupload-font'" onmousedown="this.className='rich-fileupload-button-press rich-fileupload-font'" onmouseup="this.className='rich-fileupload-button rich-fileupload-font'" onmouseout="this.className='rich-fileupload-button rich-fileupload-font'"
                                           style="position: relative;"
                                           id="#{clientId}:add1">
                                          <div class="#{addButtonClassContent}"
                                               id="#{clientId}:add2"
                                               style="position: relative;">#{addLabel}</div>
                                          <div style="overflow : hidden; position : absolute; top : 0px; left : 0px; padding: 0px;">
                                              <input type="file" style="cursor: pointer; right: 0px; top: 0px; font-size: 10em; position: absolute; padding: 0px"
                                                        class="rich-fileupload-hidden"
                                                        id="#{clientId}:file"
                                                     name="#{clientId}:file"
                                                     autocomplete="off"
                                                     onchange="return $('#{clientId}').component.add(this);"/>
                                          </div>
                                          <div id="#{clientId}:flashContainer" style="display:none"></div>
                                      </div>
                                  </div>
                                  <div class="rich-fileupload-button-border" style=" float:left; display: none;">
                                      <div class="rich-file-upload-button rich-fileupload-font #{component.attributes['uploadButtonClass']}" onmouseover="this.className='rich-fileupload-button-light rich-fileupload-font'" onmousedown="this.className='rich-fileupload-button-press rich-fileupload-font'" onmouseup="this.className='rich-fileupload-button rich-fileupload-font'"
                                           onmouseout="this.className='rich-fileupload-button rich-fileupload-font'"
                                           style="position: relative;"
                                           id="#{clientId}:upload1"
                                           onclick="return $('#{clientId}').component.upload();">
                                              <div class="rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-start #{component.attributes['uploadButtonClass']}"
                                                   id="#{clientId}:upload2">
                                                  #{uploadLabel}
                                              </div>
                                      </div>
                                  </div>
                                 
                                  <div class="rich-fileupload-button-border" style=" float:right; display: none;">
                                      <div class="rich-fileupload-button rich-fileupload-font #{component.attributes['cleanButtonClass']}" onmouseover="this.className='rich-fileupload-button-light rich-fileupload-font'" onmousedown="this.className='rich-fileupload-button-press rich-fileupload-font'" onmouseup="this.className='rich-fileupload-button rich-fileupload-font'"
                                           onmouseout="this.className='rich-fileupload-button rich-fileupload-font'"
                                           onclick="return $('#{clientId}').component.clear();"
                                           style="position: relative;"
                                           id="#{clientId}:clean1">
                                              <div class="rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-clear-dis #{component.attributes['cleanButtonClass']}"
                                                   id="#{clientId}:clean2">#{clearAllLabel}</div>
                                      </div>
                                  </div>

                  • 6. Re: fileUpload IE position: relative
                    nbelaevski
                    No, I mean application page code, not the source code of rich:fileUpload component.
                    • 7. Re: fileUpload IE position: relative

                      OK.

                       

                      externalSystems.jspx

                       

                      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

                       

                      <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
                          xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
                          xmlns:rich="http://richfaces.org/rich" xmlns:a4j="http://richfaces.org/a4j"
                          xmlns:c="http://java.sun.com/jstl/core">

                       

                      <f:view>
                          <ui:composition template="/jspx/templates/mainTemplate.jspx">
                              <ui:define name="windowTitle">
                                  <h:outputText
                                      value="#{language.windowTitle}#{language.titleSeparator}#{language.mainSettingsTitle}" />
                              </ui:define>
                              <ui:define name="css_file">
                                  <link rel="stylesheet" type="text/css" href="/HQCardSettings/css/externalSystems.css" />
                              </ui:define>
                              <ui:define name="js_file">
                                  <script language="JavaScript" src="/HQCardSettings/js/externalSystems.js"></script>
                              </ui:define>

                       

                              <ui:define name="windowContent">

                       

                                  <h:dataTable id="errorTable" var="currentError" value="#{errorCtrl.errorsList}"
                                      columnClasses="errorTable_col1,errorTable_col2">
                                      <h:column>
                                          <h:graphicImage alt="L'image ne peut être afficher."
                                              value="/images/warning_icon.gif" />
                                      </h:column>
                                      <h:column>
                                          <h:outputText value="#{currentError.message}" />
                                      </h:column>/
                                  </h:dataTable>

                       

                                  <h:form id="externalSystemsForm">
                                      <h:panelGrid styleClass="settingsActionLinks" columns="3">
                                          <h:commandLink actionListener="#{userCtrl.clearComponent}" id="saveTop"
                                              styleClass="linkEnabledSkin" action="#{externalSystemCtrl.save}">
                                              <h:outputText value="#{language.save}" />
                                          </h:commandLink>
                                          <h:outputText value=" | " />
                                          <h:commandLink actionListener="#{userCtrl.clearComponent}" id="synchronizeTop"
                                              styleClass="linkEnabledSkin" action="#{externalSystemCtrl.synchronize}">
                                              <h:outputText value="#{language.synchronize}" />
                                          </h:commandLink>
                                      </h:panelGrid>

                       

                                      <h:panelGrid
                                          columnClasses="extSystemPanel_col1,#{(externalSystemCtrl.displayExternalSystems.showServiceForm || externalSystemCtrl.displayExternalSystems.showSystemForm)?'extSystemPanel_col2bis':'extSystemPanel_col2'}"
                                          columns="2" styleClass="extSystemPanel">

                       

                                          <ui:remove>systems table</ui:remove>
                                          <h:panelGrid id="extSystem_Grid1" columns="1" styleClass="extSystem_Grid">
                                          
                                              <h:dataTable id="externalSysTable"
                                                  value="#{externalSystemCtrl.displayExternalSystems.systems}"
                                                  var="system" headerClass="mainTitleGroupFieldsSkin"
                                                  rowClasses="externalSystemsTable_row1,externalSystemsTable_row2"
                                                  styleClass="extSystem_Table"
                                                  columnClasses="externalSystemsTable_colCenter,externalSystemsTable_colLeft,externalSystemsTable_colLeft,externalSystemsTable_colLeft,externalSystemsTable_colLeft,externalSystemsTable_colCenter,externalSystemsTable_colCenter">
                                                  <f:facet name="header">
                                                      <h:outputText value="#{language.externalSystemSystemsTable_title}" />
                                                  </f:facet>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemSystemsTableCol_systemId}" />
                                                      </f:facet>
                                                      <h:graphicImage alt="*" value="/images/green_arrow.gif"
                                                          rendered="#{system.displaySystem and (system.system.systemId==externalSystemCtrl.displayExternalSystems.system.system.systemId)}" />
                                                      <h:outputText value="#{system.system.systemId}"
                                                          rendered="#{system.displaySystem}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemSystemsTableCol_name}" />
                                                      </f:facet>
                                                      <h:commandLink value="#{system.system.name}"
                                                          action="#{externalSystemCtrl.showSystem}"
                                                          rendered="#{system.displaySystem}">
                                                          <f:param name="systemId" value="#{system.system.systemId}" />
                                                      </h:commandLink>
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemSystemsTableCol_description}" />
                                                      </f:facet>
                                                      <h:outputText value="#{system.system.description}"
                                                          rendered="#{system.displaySystem}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemSystemsTableCol_styleFilename}" />
                                                      </f:facet>
                                                      <h:outputText value="#{system.system.styleFilename}"
                                                          rendered="#{system.displaySystem}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemSystemsTableCol_clientLogDirectory}" />
                                                      </f:facet>
                                                      <h:outputText value="#{system.system.clientLogDirectory}"
                                                          rendered="#{system.displaySystem}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemSystemsTableCol_encodeThenPrint}" />
                                                      </f:facet>
                                                      <h:outputText value="#{language.yes}"
                                                          rendered="#{system.displaySystem and system.system.encodeThenPrint}" />
                                                      <h:outputText value="#{language.no}"
                                                          rendered="#{system.displaySystem and !system.system.encodeThenPrint}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText value="" />
                                                      </f:facet>
                                                      <h:commandLink value="#{language.modify}"
                                                          action="#{externalSystemCtrl.modifySystem}"
                                                          rendered="#{system.displaySystem}">
                                                          <f:param name="systemId" value="#{system.system.systemId}" />
                                                      </h:commandLink>
                                                  </h:column>
                                              </h:dataTable>
                                              <h:commandButton action="#{externalSystemCtrl.displayToAddSystem}"
                                                  value="#{language.add}"
                                                  disabled="#{externalSystemCtrl.displayExternalSystems.showServiceForm || externalSystemCtrl.displayExternalSystems.showSystemForm}" />
                                          </h:panelGrid>

                       

                                          <ui:remove>system form </ui:remove>
                                          <h:panelGrid id="systemForm_Grid" columns="2"
                                              headerClass="mainTitleGroupFieldsSkin"
                                              footerClass="mainTitleGroupFieldsSkin" styleClass="extSystemForm"
                                              rowClasses="extSystemForm_row"
                                              columnClasses="extSystemForm_col1,extSystemForm_col2"
                                              rendered="#{externalSystemCtrl.displayExternalSystems.showSystemForm}">
                                              <f:facet name="header">
                                                  <h:outputText value="#{language.externalSystemSystemTable_title}" />
                                              </f:facet>
                                              <f:facet name="footer">
                                                  <f:verbatim>
                                                      <br />
                                                  </f:verbatim>
                                              </f:facet>

                       

                                              <h:outputLabel for="systemId" value="" />
                                              <h:panelGroup>
                                                  <h:inputHidden id="systemId"
                                                      value="#{externalSystemCtrl.displayExternalSystems.system.system.systemId}" />
                                              </h:panelGroup>

                       

                                              <h:outputLabel for="systemName"
                                                  value="#{language.externalSystemSystemTable_name}:" />
                                              <h:panelGroup>
                                                  <h:inputText id="systemName"
                                                      value="#{externalSystemCtrl.displayExternalSystems.system.system.name}" />
                                              </h:panelGroup>

                       

                                              <c:if test="#{errorCtrl.errorsMap['name']!=null}">
                                                  <h:outputLabel value="" />
                                                  <h:panelGroup>
                                                      <h:outputText value="#{errorCtrl.errorsMap['name'].origin}" />
                                                  </h:panelGroup>
                                              </c:if>

                       


                                              <h:outputLabel for="systemDescription"
                                                  value="#{language.externalSystemSystemTable_description}:" />
                                              <h:panelGroup>
                                                  <h:inputTextarea id="systemDescription"
                                                      value="#{externalSystemCtrl.displayExternalSystems.system.system.description}"
                                                      rows="3" styleClass="extSystemSystem_description" />
                                              </h:panelGroup>

                       

                                              <h:outputLabel for="systemStyleFilename"
                                                  value="#{language.externalSystemSystemTable_styleFilename}:" />
                                              <h:panelGroup>
                                                  <h:panelGrid columns="2" columnClasses="extSystemGridUpload_col1">
                                                      <h:outputText id="systemStyleFilename"
                                                          value="#{externalSystemCtrl.displayExternalSystems.system.system.styleFilename}" />
                                                      <rich:fileUpload id="upload" immediateUpload="true"
                                                          fileUploadListener="#{externalSystemCtrl.fileUploadListener}"
                                                          acceptedTypes="properties" listHeight="0px" listWidth="200px"
                                                          addControlLabel="#{language.browse}..."
                                                          stopControlLabel="#{language.stopUpload}"
                                                          maxFilesQuantity="#{externalSystemCtrl.displayExternalSystems.system.uploadAvailable}">
                                                          <a4j:support event="onuploadcomplete"
                                                              reRender="systemStyleFilename" />
                                                      </rich:fileUpload>
                                                  </h:panelGrid>
                                              </h:panelGroup>

                       

                                              <h:outputLabel for="systemClientLogDirectory"
                                                  value="#{language.externalSystemSystemTable_clientLogDirectory}:" />
                                              <h:panelGroup>
                                                  <h:inputText id="systemClientLogDirectory"
                                                      value="#{externalSystemCtrl.displayExternalSystems.system.system.clientLogDirectory}" />
                                              </h:panelGroup>

                       

                                              <h:outputLabel for="systemEncodeThenPrint"
                                                  value="#{language.externalSystemSystemTable_encodeThenPrint}:" />
                                              <h:panelGroup>
                                                  <h:selectBooleanCheckbox id="systemEncodeThenPrint"
                                                      value="#{externalSystemCtrl.displayExternalSystems.system.system.encodeThenPrint}" />
                                              </h:panelGroup>

                       

                                              <h:panelGroup />
                                              <h:panelGroup>
                                                  <h:commandButton action="#{externalSystemCtrl.addSystem}"
                                                      value="#{language.create}"
                                                      rendered="#{externalSystemCtrl.displayExternalSystems.addSystemForm}" />
                                                  <h:commandButton action="#{externalSystemCtrl.cancelAddSystem}"
                                                      value="#{language.cancel}"
                                                      rendered="#{externalSystemCtrl.displayExternalSystems.addSystemForm}" />
                                                  <h:commandButton action="#{externalSystemCtrl.applySystem}"
                                                      value="#{language.apply}"
                                                      rendered="#{!externalSystemCtrl.displayExternalSystems.addSystemForm}" />
                                                  <h:commandButton action="#{externalSystemCtrl.deleteSystem}"
                                                      value="#{language.delete}"
                                                      rendered="#{!externalSystemCtrl.displayExternalSystems.addSystemForm}" />
                                                  <h:commandButton action="#{externalSystemCtrl.cancelModifySystem}"
                                                      value="#{language.cancel}"
                                                      rendered="#{!externalSystemCtrl.displayExternalSystems.addSystemForm}" />
                                              </h:panelGroup>
                                          </h:panelGrid>

                       

                                          <h:outputText value=" "
                                              rendered="#{!externalSystemCtrl.displayExternalSystems.showSystemForm}" />

                       

                                          <ui:remove>services table</ui:remove>
                                          <h:panelGrid id="extSystem_Grid2" columns="1" styleClass="extSystem_Grid"
                                              rendered="#{!externalSystemCtrl.displayExternalSystems.showSystemForm}">
                                              <h:dataTable id="serviceTable"
                                                  value="#{externalSystemCtrl.displayExternalSystems.system.services}"
                                                  var="service" headerClass="mainTitleGroupFieldsSkin"
                                                  rowClasses="externalSystemsTable_row1,externalSystemsTable_row2"
                                                  columnClasses="" styleClass="extSystemService_Table">
                                                  <f:facet name="header">
                                                      <h:outputText value="#{language.externalSystemServicesTable_title}" />
                                                  </f:facet>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText value="#{language.externalSystemServicesTable_id}" />
                                                      </f:facet>
                                                      <h:outputText value="#{service.service.id}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemServicesTable_name}" />
                                                      </f:facet>
                                                      <h:outputText value="#{service.service.name}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemServicesTable_description}" />
                                                      </f:facet>
                                                      <h:outputText value="#{service.service.description}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemServicesTable_maxMemory}" />
                                                      </f:facet>
                                                      <h:outputText value="#{service.externalService.maxMemory}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemServicesTable_minMemory}" />
                                                      </f:facet>
                                                      <h:outputText value="#{service.externalService.minMemory}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemServicesTable_maxSleepTime}" />
                                                      </f:facet>
                                                      <h:outputText value="#{service.externalService.maxSleepTime}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemServicesTable_timeBetweenPollServiceStatus}" />
                                                      </f:facet>
                                                      <h:outputText
                                                          value="#{service.externalService.timeBetweenPollServiceStatus}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemServicesTable_timeBetweenPollSessionClosed}" />
                                                      </f:facet>
                                                      <h:outputText
                                                          value="#{service.externalService.timeBetweenPollSessionClosed}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemServicesTable_timeBetweenPollSessionWaiting}" />
                                                      </f:facet>
                                                      <h:outputText
                                                          value="#{service.externalService.timeBetweenPollSessionWaiting}" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText
                                                              value="#{language.externalSystemServicesTable_clientLogLevel}" />
                                                      </f:facet>
                                                      <h:outputText value="#{service.clientLogLevel}" disabled="true" />
                                                  </h:column>
                                                  <h:column>
                                                      <f:facet name="header">
                                                          <h:outputText value="" />
                                                      </f:facet>
                                                      <h:commandLink value="#{language.modify}"
                                                          action="#{externalSystemCtrl.modifyService}">
                                                          <f:param name="serviceId" value="#{service.service.id}" />
                                                      </h:commandLink>
                                                  </h:column>
                                              </h:dataTable>
                                              <h:commandButton action="#{externalSystemCtrl.displayToAddService}"
                                                  value="#{language.add}"
                                                  disabled="#{externalSystemCtrl.displayExternalSystems.showSystemForm || externalSystemCtrl.displayExternalSystems.showServiceForm}" />
                                          </h:panelGrid>

                       


                                          <h:outputText value=" "
                                              rendered="#{!externalSystemCtrl.displayExternalSystems.showServiceForm}" />

                       

                                          <ui:remove>service form</ui:remove>
                                          <h:panelGrid id="serviceForm_Grid" columns="2"
                                              headerClass="mainTitleGroupFieldsSkin"
                                              footerClass="mainTitleGroupFieldsSkin" styleClass="extSystemForm"
                                              rowClasses="extSystemForm_row"
                                              columnClasses="extSystemForm_col1,extSystemForm_col2"
                                              rendered="#{externalSystemCtrl.displayExternalSystems.showServiceForm}">
                                              <f:facet name="header">
                                                  <h:outputText value="#{language.externalSystemServiceTable_title}" />
                                              </f:facet>
                                              <f:facet name="footer">
                                                  <f:verbatim>
                                                      <br />
                                                  </f:verbatim>
                                              </f:facet>

                       

                                              <c:if test="!#{externalSystemCtrl.displayExternalSystems.addServiceForm}">
                                                  <h:outputLabel for="serviceId" value="" />
                                                  <h:panelGroup>
                                                      <h:inputHidden id="serviceId"
                                                          value="#{externalSystemCtrl.displayExternalSystems.service.service.id}" />
                                                  </h:panelGroup>
                                              </c:if>

                       

                                              <h:outputLabel for="serviceName"
                                                  value="#{language.externalSystemServiceTable_name} :" />
                                              <h:panelGroup>
                                                  <c:choose>
                                                      <c:when
                                                          test="#{externalSystemCtrl.displayExternalSystems.addServiceForm}">
                                                          <h:selectOneMenu id="serviceName"
                                                              value="#{externalSystemCtrl.displayExternalSystems.service.service.id}"
                                                              valueChangeListener="#{externalSystemCtrl.updateServiceDescription}">
                                                              <f:selectItems
                                                                  value="#{externalSystemCtrl.displayExternalSystems.servicesItems}" />
                                                              <a4j:support event="onchange" reRender="serviceDescription" />
                                                          </h:selectOneMenu>
                                                      </c:when>
                                                      <c:otherwise>
                                                          <h:outputText id="serviceName"
                                                              value="#{externalSystemCtrl.displayExternalSystems.service.service.name}" />
                                                      </c:otherwise>
                                                  </c:choose>
                                              </h:panelGroup>

                       

                                              <h:outputLabel for="serviceDescription"
                                                  value="#{language.externalSystemServiceTable_description}:" />
                                              <h:panelGroup>
                                                  <h:outputText id="serviceDescription"
                                                      value="#{externalSystemCtrl.displayExternalSystems.service.service.description}" />
                                              </h:panelGroup>

                       

                                              <h:outputLabel for="serviceMaxMemory"
                                                  value="#{language.externalSystemServiceTable_maxMemory}:" />
                                              <h:panelGroup>
                                                  <h:inputText id="serviceMaxMemory"
                                                      value="#{externalSystemCtrl.displayExternalSystems.service.externalService.maxMemory}"
                                                      onchange="checkIsNumber('externalSystemsForm:serviceMaxMemory');" />
                                              </h:panelGroup>

                       

                                              <h:outputLabel for="serviceMinMemory"
                                                  value="#{language.externalSystemServiceTable_minMemory}:" />
                                              <h:panelGroup>
                                                  <h:inputText id="serviceMinMemory"
                                                      value="#{externalSystemCtrl.displayExternalSystems.service.externalService.minMemory}"
                                                      onchange="checkIsNumber('externalSystemsForm:serviceMinMemory');" />
                                              </h:panelGroup>

                       

                                              <h:outputLabel for="serviceMaxSleepTime"
                                                  value="#{language.externalSystemServiceTable_maxSleepTime}:" />
                                              <h:panelGroup>
                                                  <h:inputText id="serviceMaxSleepTime"
                                                      value="#{externalSystemCtrl.displayExternalSystems.service.externalService.maxSleepTime}"
                                                      onchange="checkIsNumber('externalSystemsForm:serviceMaxSleepTime');" />
                                              </h:panelGroup>

                       

                                              <h:outputLabel for="serviceTimeBetweenPollServiceStatus"
                                                  value="#{language.externalSystemServiceTable_timeBetweenPollServiceStatus}:" />
                                              <h:panelGroup>
                                                  <h:inputText id="serviceTimeBetweenPollServiceStatus"
                                                      value="#{externalSystemCtrl.displayExternalSystems.service.externalService.timeBetweenPollServiceStatus}"
                                                      onchange="checkIsNumber('externalSystemsForm:serviceTimeBetweenPollServiceStatus');" />
                                              </h:panelGroup>

                       

                                              <h:outputLabel for="serviceTimeBetweenPollSessionClosed"
                                                  value="#{language.externalSystemServiceTable_timeBetweenPollSessionClosed}:" />
                                              <h:panelGroup>
                                                  <h:inputText id="serviceTimeBetweenPollSessionClosed"
                                                      value="#{externalSystemCtrl.displayExternalSystems.service.externalService.timeBetweenPollSessionClosed}"
                                                      onchange="checkIsNumber('externalSystemsForm:serviceTimeBetweenPollSessionClosed');" />
                                              </h:panelGroup>

                       

                                              <h:outputLabel for="serviceTimeBetweenPollSessionWaiting"
                                                  value="#{language.externalSystemServiceTable_timeBetweenPollSessionWaiting}:" />
                                              <h:panelGroup>
                                                  <h:inputText id="serviceTimeBetweenPollSessionWaiting"
                                                      value="#{externalSystemCtrl.displayExternalSystems.service.externalService.timeBetweenPollSessionWaiting}"
                                                      onchange="checkIsNumber('externalSystemsForm:serviceTimeBetweenPollSessionWaiting');" />
                                              </h:panelGroup>

                       

                                              <h:outputLabel for="serviceClientLogLevel"
                                                  value="#{language.externalSystemServiceTable_clientLogLevel}:" />
                                              <h:panelGroup>
                                                  <h:selectOneMenu id="serviceClientLogLevel"
                                                      value="#{externalSystemCtrl.displayExternalSystems.service.externalService.clientLogLevel}">
                                                      <f:selectItems
                                                          value="#{externalSystemCtrl.displayExternalSystems.logLevelItems}" />
                                                  </h:selectOneMenu>
                                              </h:panelGroup>

                       

                                              <h:panelGroup />
                                              <h:panelGroup>
                                                  <h:commandButton action="#{externalSystemCtrl.addService}"
                                                      value="#{language.add}"
                                                      rendered="#{externalSystemCtrl.displayExternalSystems.addServiceForm}" />
                                                  <h:commandButton action="#{externalSystemCtrl.cancelAddService}"
                                                      value="#{language.cancel}"
                                                      rendered="#{externalSystemCtrl.displayExternalSystems.addServiceForm}" />
                                                  <h:commandButton action="#{externalSystemCtrl.applyService}"
                                                      value="#{language.apply}"
                                                      rendered="#{!externalSystemCtrl.displayExternalSystems.addServiceForm}" />
                                                  <h:commandButton action="#{externalSystemCtrl.deleteService}"
                                                      value="#{language.delete}"
                                                      rendered="#{!externalSystemCtrl.displayExternalSystems.addServiceForm}" />
                                                  <h:commandButton action="#{externalSystemCtrl.cancelModifyService}"
                                                      value="#{language.cancel}"
                                                      rendered="#{!externalSystemCtrl.displayExternalSystems.addServiceForm}" />
                                              </h:panelGroup>
                                          </h:panelGrid>
                                      </h:panelGrid>

                       

                                      <h:panelGrid styleClass="settingsActionLinks" columns="3">
                                          <h:commandLink actionListener="#{userCtrl.clearComponent}" id="saveBottom"
                                              styleClass="linkEnabledSkin" action="#{externalSystemCtrl.save}">
                                              <h:outputText value="#{language.save}" />
                                          </h:commandLink>
                                          <h:outputText value=" | " />
                                          <h:commandLink actionListener="#{userCtrl.clearComponent}"
                                              id="synchronizeBottom" styleClass="linkEnabledSkin"
                                              action="#{externalSystemCtrl.synchronize}">
                                              <h:outputText value="#{language.synchronize}" />
                                          </h:commandLink>
                                      </h:panelGrid>

                       

                                  </h:form>
                              </ui:define>
                          </ui:composition>
                      </f:view>
                      </html>

                      • 8. Re: fileUpload IE position: relative
                        nbelaevski
                        Please post related CSS files also.
                        • 9. Re: fileUpload IE position: relative

                          css files are:

                           

                          - /css/externalSystems.css

                          - /css/main.css

                          - /css/skin/default/main.css

                          • 10. Re: fileUpload IE position: relative
                            nbelaevski

                            Hi,

                             

                            I cannot reproduce the problem using provided information. Please post template file sources.

                            • 11. Re: fileUpload IE position: relative

                              mainTemplate.jspx

                              • 12. Re: fileUpload IE position: relative
                                nbelaevski

                                Hi,

                                 

                                Looks like it's rendering bug in IE. Add "position: relative" to "mainDiv" element to fix this.

                                • 13. Re: fileUpload IE position: relative

                                  Bonjour Guillaume,

                                   

                                  Je reviens vers toi car nous avons une mission à te proposer pour un grand groupe pharmaceutique.

                                   

                                  Je vois que tu maitrises bien Jboss, aussi nous te proposons d'intégrer notre équipe de production ?

                                   

                                  La partie développement est énorme et l'épanouissement y est total je te le certifie.

                                   

                                  Tiens moi au courant je peux te coopter.

                                   

                                  DD.

                                  • 14. Re: fileUpload IE position: relative
                                    ilya_shaikovsky
                                    It's better to discuss such things in private messages