rich：日曆圖標與顯示框不在同一行上顯示

我有一個使用Java Server Faces和Facelets的基於Java的Web應用程序。rich：日曆圖標與顯示框不在同一行上顯示

我使用richfaces calendar輸入日期範圍。

這是網頁上的代碼。

<h:panelGroup> 
    <fieldset> 
     <legend>Date Submitted</legend> 
     <rich:calendar value="#{SearchBean.start_dateSubmitted}" /> 
     <rich:calendar value="#{SearchBean.end_dateSubmitted}" /> 
    </fieldset> 
</h:panelGroup>

這是Firefox的結果。

alt text http://img16.imageshack.us/img16/3717/richcalendar.png

所以，我的問題是，圖標是下一行，而不是在同一行顯示框。

來源

2009-07-10 Berek Bryan

解決方案：

有一個一般的CSS設置的圖像HTML標記。

img { 
    display: block; 
}

由於富日曆進行的輸入並將它們顯示在塊形式，它把所述兩個不同的行的圖像的。

我不能只取出css行，因爲它會對其他Web應用程序產生不良影響。所以，它必須被下面的代碼CSS代碼覆蓋。

img.rich-calendar-button { 
    display: inline; 
}

但是，現在這將所有四個元素放在一行上。爲了解決這個問題，你需要像這樣阻止整個豐富的日曆。

<h:panelGroup> 
    <fieldset> 
     <legend>Date Submitted</legend> 
     <a4j:outputPanel layout="block"> 
      <rich:calendar value="#{TicketSearchBean.start_dateSubmitted}" /> 
     </a4j:outputPanel> 
     <a4j:outputPanel layout="block"> 
      <rich:calendar value="#{TicketSearchBean.end_dateSubmitted}" /> 
     </a4j:outputPanel> 
    </fieldset> 
</h:panelGroup>

更好的解決方案：不要在一般的HTML標籤設置CSS。如果你想設置特殊的CSS創建一個類的東西。

來源

2009-07-10 17:37:36

rich：日曆圖標與顯示框不在同一行上顯示

回答

相關問題