풍부한 얼굴을 기본 CSS로 사용자 정의하는 방법은 무엇입니까?

저는 Rich Faces를 처음 사용합니다. 우리는 검증이있는 양식을 가지고 있습니다. rich : 메시지를 사용하여 오류 메시지를 표시합니다. 사용자가 데이터를 입력하지 않고 저장을 클릭하면 유효성 확인 메시지가 표시됩니다. rich : 메시지를 사용할 때 오류 메시지 뒤에는 오류 메시지가 표시됩니다.풍부한 얼굴을 기본 CSS로 사용자 정의하는 방법은 무엇입니까?

어떻게 오류 이미지를 제거하고 글꼴 스타일을 변경합니까?

나를 괴롭히지 마십시오.

출처

2011-08-01 Raj

당신이 [링크]에서 태그 사양을 확인 않았다 (http://docs.jboss.org/richfaces/latest_3_3_X/en /devguide/html/rich_message.html), 마지막에는 richfaces 태그가있는 사용자 정의 CSS 클래스를 사용하는 방법에 대한 링크가 있습니다. –

이 스타일과 글꼴을 변경하는 두 가지 방법은 다음과 같습니다 스킨

는 CSS와

피부는 모든 것을 당신이 (글꼴 등) 일부 스타일을 사용자 정의 할 수 있습니다,하지만 . 자신 만의 스킨을 만들려면 yourskinname.skin.properties을 META-INF/skins 디렉토리에 추가하십시오. , 내용에 대한

<context-param> 
    <param-name>org.richfaces.skin</param-name> 
    <param-value>yourskinname</param-value> 
</context-param>

을 richfaces-core-impl-4.0.0-Final.jar의 META-INF/skins 폴더의 한 파일의 내용을 복사하고 원하는 속성을 변경 : 또한, web.xml에 다음 줄을 추가합니다. 파일에 "baseSkin=name of base skin"을 추가하여 속성의 하위 집합 만 제공 할 수 있습니다. 파일에 설명되지 않은 속성은 기본 스킨에서 검색됩니다. (http://docs.jboss.org/richfaces/latest_4_0_X/Developer_Guide/en-US/html/chap-Developer_Guide-Skinning_and_theming.html

보고하지만 스킨이 경우에 충분하지 않다, 깊은 외식를 들어

baseSkin = DEFAULT 
generalSizeFont=13px 
generalFamilyFont=Calibri 

# Fonts 
headerSizeFont=13px 
headerFamilyFont=Calibri 

tabSizeFont=13px 
tabFamilyFont=Calibri 

buttonSizeFont=13px 
buttonFamilyFont=Calibri

는 예를 들어, "돋움 13px"는, 파일의 모습에 글꼴을 변경하려면 예를 들어, 오류 이미지를 제거하십시오), @Asad에서 제안한대로 CSS를 사용해야합니다. Personaly,이 솔루션에 문제가 발생했습니다 : richfaces CSS는 항상 광산 후로드되었습니다. 나는이 문제점을 극복하는 방법을 발견했다 : 나는 <body> 태그 안에 <h:outputStylesheet library="css" name="myrichfaces.css"/>을 넣었다. 사용자 정의 된 값을 어디에 넣을 까? 그러면 부풀린 글꼴 뒤에 CSS가로드되어 값을 오버로드 할 수있다.

메시지의 CSS 태그는 여기에 설명되어 있습니다. http://docs.jboss.org/richfaces/latest_4_0_X/Component_Reference/en-US/html/chap-Component_Reference-Output_and_messages.html#sect-Component_Reference-richmessage-Style_classes_and_skin_parameters; 그래서, 오류 메시지에 대한 아이콘을 제거하기 위해, 다음과 같은 CSS 문을 추가 할 수 있습니다

.rf-msg-err { 
    background-image: none; 
}

출처

2011-08-01 10:19:04 DenisGL

풍부한 얼굴을 기본 CSS로 사용자 정의하는 방법은 무엇입니까?

답변

관련 문제