Как настроить CSS по умолчанию для Rich Faces? - PullRequest
2 голосов
/ 01 августа 2011

Я новичок в Rich Faces.У нас есть форма с проверками.Мы используем rich: message для отображения сообщений об ошибках.Если пользователь не вводит данные и нажимает кнопку «Сохранить», то будут отображаться сообщения проверки.Поскольку я использую сообщение rich:, в сообщении об ошибке есть сообщение об ошибке, за которым следует текст.

Как удалить изображение ошибки, а также как изменить стиль шрифта?

Пожалуйста, помогите мне в этом.

1 Ответ

8 голосов
/ 01 августа 2011

Существует два способа изменить стили и шрифт:

  1. С скинами
  2. С CSS

Скин позволяет настроить некоторые стилей (например, шрифта), но не все.Чтобы создать свой собственный скин, добавьте каталог yourskinname.skin.properties в META-INF/skins.Кроме того, добавьте следующие строки в web.xml:

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

Для содержимого скопируйте содержимое одного файла папки META-INF/skins из richfaces-core-impl-4.0.0-Final.jar и измените нужные свойства.Вы можете предоставить только подмножество свойств, добавив «baseSkin=name of base skin» в ваш файл: свойства, не описанные в вашем файле, будут получены из базовой темы оформления.

Например, чтобы изменить шрифты на «Calibri 13px ", ваш файл будет выглядеть так:

baseSkin = DEFAULT
generalSizeFont=13px
generalFamilyFont=Calibri 

# Fonts
headerSizeFont=13px
headerFamilyFont=Calibri 

tabSizeFont=13px
tabFamilyFont=Calibri 

buttonSizeFont=13px
buttonFamilyFont=Calibri 

Для более глубокого объяснения, посмотрите на http://docs.jboss.org/richfaces/latest_4_0_X/Developer_Guide/en-US/html/chap-Developer_Guide-Skinning_and_theming.html

Но скины не подходят для вашего случая (например, удаление изображения ошибки)), поэтому вам нужно использовать CSS, как предложено @Asad.Лично у меня была проблема с этим решением: CSS для richfaces всегда загружались после моего.Я нашел способ преодоления этой проблемы: я поместил <h:outputStylesheet library="css" name="myrichfaces.css"/>, где я поместил свои настроенные значения, внутри тега <body>!, Затем мой CSS загружается после richfaces, поэтому я могу перегрузить значения.

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;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...