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

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

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

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

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

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

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

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

Источник

4 ответа

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

Я использую 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, которые мне все равно не нужны.

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

Источник

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

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

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

Источник

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

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

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

РЕДАКТИРОВАТЬ:

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

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

Источник

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

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

Источник
Другие вопросы по тегам