jsf의 한 줄에 레이블 표시를 만드는 방법

Question

레이블을 한 줄로 표시하는 데 도움이 될 수 있습니까? 내 UI에서

는 필드라는 체크 자금 조달 기간

가 있지만 같은 3 줄에 표시지고 : 나는

check funding period   (in single line) 

처럼 표시되도록 할 수있는

check        
funding        
period 

in jsf?

Answer 1

JSF 질문이 아니라 사실 CSS 질문입니다.

레이블이 또는 styleClass 속성을 통해 CSS 스타일 white-space:nowrap;을 가져야합니다.

Answer 2

테이블의 열에 출력물이 있고 열의 너비가 충분한 지 확인하지 않은 것처럼 보입니다. dataTable의 columnClasses 속성을 사용하여 css 열 스타일을 지정하고 출력에 충분한 지 확인하십시오. 예 :

<rich:dataTable id="curfDataTable" 
columnClasses="column40percent,column20percent,column40percent" 
rowClasses="rowFirst,rowSecond" value="#{accessCurfMBean.unowned}" 
var="curf" styleClass="tableInfo"> 

panelGrid 레이아웃을 사용할 때도 마찬가지입니다.

<h:panelGrid id="panel" columns="2" border="1" columnClasses="column40percent,column60percent"> 

와 CSS의

는 :

는

.column20percent { 
    width: 20%; 
} 

.column40percent { 
    width: 40%; 
} 

.column60percent { 
    width: 60%; 
} 

Answer 3

나는 보통 어떻게 내가 아에서 그들을 감싸 무엇 :이 같은 panelGrid 태그 :

이에서 HTML 출력이 너무

<h:panelGrid columns="3"> 
    <h:outputText value="check" /> 
    <h:outputText value="funding" /> 
    <h:outputText value="period" /> 
</h:panelGrid> 

경우 지저분 해지면 다음과 같이 생각할 것입니다.

<h:outputText value="#{Messages.check Messages.funding Messages.period}" /> 

.

또는 단순히 : 그것은 정말 당신이 사용하는 태그와 그들 포장 무엇 이건 그냥 간단한 CSS의 문제가있을 수에 따라 달라집니다 그래도

<h:outputText value="Check funding period" /> 

나는 코멘트에 말했듯이.

Answer 4

이 문제에 대한 또 다른 가능한 쉬운 해결책은 <nobr> 태그입니다.

은 레이블 영역 전에 > nobr <을 넣고 귀하의 문제가 해결

<nobr> <h:outputText value="check" /> <h:outputText value="funding" /> <h:outputText value="period" /> </nobr> 

</nobr > 그것의 끝에 ..

! :-)