Удалить градиенты из элементов управления richfaces

Question

Я бы хотел использовать панель richfaces, так как она в основном правильной формы и поддерживает скины, поэтому я могу менять шрифт, цвет и т. Д. Однако, как часть скина по умолчанию, горизонтальная полоса с заголовком имеет градиент. У моего дизайна плоский простой цвет без какого-либо градиента.

Как мне остановить риши, добавляя градиент?

Если возможно, я бы хотел полностью удалить все упоминания о градиенте из CSS, чтобы избежать раздувания и дополнительных HTTP-запросов на изображения. я хочу сделать:

Цвет фона: черный;

и больше ничего.

Я использую плагин и скин.

---

Кажется, что как этот вопрос ответ таков: вероятно, это невозможно без изменения richfaces. Спасибо за ввод.

Answer 1

Я понимаю, что немного опоздала с ответом на это, но я решила, что добавлю свое решение этой проблемы.

Я использую RichFaces Plug-n-Skin для своего проекта и могу удалить все градиенты и предопределенные стили, отключив скины управления RichFaces. Это простое изменение в файле web.xml моего веб-проекта.

...
<context-param>
    <param-name>org.richfaces.SKIN</param-name>
    <param-value>PlugNSkinName</param-value>
</context-param>

<!-- Suppress stylesheets -->
<context-param>
    <param-name>org.richfaces.CONTROL_SKINNING</param-name>
    <param-value>disable</param-value>
</context-param>

<context-param>
    <param-name>org.richfaces.CONTROL_SKINNING_CLASSES</param-name>
    <param-value>disable</param-value>
</context-param>
...

В зависимости от ваших потребностей, это может быть немного излишним, но я все равно переопределяю почти все на всех моих компонентах RichFaces. Это позволяет мне указывать все стили, которые мне нужны в моем Plug-n-Skin, и не загружает ненужные стандартные стили / изображения RichFace, которые мне все равно не нужны.

Надеюсь, это поможет.

Answer 2

Добавьте в свой файл web.xml.

<context-param>
  <param-name>org.richfaces.SKIN</param-name>
  <param-value>plain</param-value>
</context-param>

Тогда вы можете использовать свой plug-n-skin для его изменения.

EDIT:

RichFaces имеет встроенную систему скинов под названием Skinnablity. Skinnability - это высокоуровневое расширение стандартного CSS. Вы можете создать свой собственный файл скина для использования в вашем приложении ( документация jboss ).

В jar richfaces-impl папка / META-INF / skins содержит все файлы скина (.skin.properties). Скопируйте один и переименуйте его, измените то, что вы хотите. Вам нужно будет восстановить банку.

Answer 3

На сайте richfaces есть пример, чтобы сделать это для таблиц данных с CSS. Документы для rich: panel говорят, что класс для заголовка - rich-panel-header, поэтому я думаю, что CSS будет:

.rich-panel-header {
     background-image:none;
     background-color:transparent;
} 

Редактировать: Стоит отметить, что ваш CSS, содержащий эти моды, должен быть загружен после скинов Richfaces при загрузке, так как любой CSS, загруженный после этого, может его перегрузить.

Answer 4

Почему вы не используете простую кожу? Проверьте это http://livedemo.exadel.com/richfaces-demo/richfaces/panel.jsf?s=plain

Как вы можете видеть, я установил тип скина "plain", который выглядит как то, что вы хотите для ваших компонентов.