2013-05-29 50 views
0

我怎樣才能保持圖標rich:calendar組件顯示隱藏?豐富:日曆:圖標由其他組件

我需要添加另一個rich:calendar組件,但是outputLabel隱藏了圖標。

Screen Shot

碼(編輯):

     <h:panelGrid columns="4" styleClass="criteresSaisie" 
          rowClasses="critereLigne" 
          columnClasses="titreColonne,,titreCourtColonne,"> 
          <h:outputLabel for="dateDeb" value="Période du" /> 
          <rich:calendar id="dateDeb" inputSize="8" 
           value="#{criteresDecRgltBacking.dtDebDecRglt}" 
           enableManualInput="true" datePattern="dd/MM/yyyy" 
           showInput="true" converterMessage="la date de début doit être au format dd/MM/yyyy"> 
           <rich:validator/> 
          </rich:calendar> 
          <h:outputLabel for="dateFin" value="au" style="margin-left:20px;"/> 
          <rich:calendar id="dateFin" inputSize="8" 
           value="#{criteresDecRgltBacking.dtFinDecRglt}" 
           enableManualInput="true" datePattern="dd/MM/yyyy" 
           showInput="true" converterMessage="la date de fin doit être au format dd/MM/yyyy" > 
           <rich:validator/> 
          </rich:calendar> 
          <f:event type="postValidate" 
           listener="#{rechercheDecRgltCtrl.validationPeriode}" /> 
         </h:panelGrid> 

CSS

div.rf-ac-itm { 
height: auto !important; 
overflow: visible; 
} 


div.rf-ac-itm-cnt { 
height: auto !important; 
overflow: visible; 
} 

.critereLigneAugmente td { 
padding-bottom: 0px; 
} 

.espaceVideCalendar { 
width: 10px; 
} 
.espaceVide { 
width: 20px; 
} 

.espaceColonne { 
width: 30px; 
} 

.titreColonne { 
text-align: right; 
white-space: nowrap; 
width: 180px; 
} 

.titreCourtColonne { 
text-align: right; 
white-space: nowrap; 
width: 40px; 
} 

.titreColonne .libelle,.titreColonne label { 
padding-right: 10px; 
} 

.titreColonne .libelle label { 
padding-right: 0px; 
} 

.largeurFixeCriteres{ 
width: 120px; 
overflow: visible; 
} 
.criteresSaisie { 
margin: 10px; 
} 
.largeurFixeCriteresTiers { 
width: 120px; 
overflow: visible; 
} 
.critereLigneAugmente td { 
padding-bottom: 0px; 
} 

.finDeLigne { 
width: 0px; 
} 
+1

你可以發佈與此相關的部分視圖代碼? –

+0

使用'margin',因爲它很可能是一個純粹的CSS問題。 – skuntsel

+0

@AlexandreLavoie我編輯了這篇文章;) – Netmaster

回答

1

我看得出來,有機會導致問題的唯一事情是在columnClasses類訂單,這是"titreColonne,,,titreCourtColonne,,",您現在更改爲"titreColonne,,titreCourtColonne,"

以前,你在那裏試圖在rich:calendar柱應用40像素寬度(titreCourtColonne是在第二rich:calendar列,而不是AU列)。

我要推薦改變這個CSS更好的造型:

.titreCourtColonne { 
    text-align: center; 
    white-space: nowrap; 
    width: 20px; 
} 
+0

@Netmaster可以接受的答案? –