Как определить более одной таблицы стилей в ADF Framework

Question

У меня проблема с скином adf. Моя таблица стилей пересекла 1800 классов. IE имеет ограничение 4000 стилевых классов. При рендеринге ADF добавляет свои собственные классы. Таким образом, он пересекает 4000, и стили, о которых я говорю на последнем листе, работают не только в IE Мне нужно определить новую таблицу стилей для того же приложения.

Я попытался добавить еще одно семейство скинов в adf-face-config.xml. Не работал.

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

Заранее спасибо.

Answer 1

Я не уверен на 100%, если создание отдельного CSS решит вашу проблему, и я согласен, что после использования для определения нескольких CSS и загрузки только CSS для определенной страницы имеет свои преимущества.

Одна вещь, которую вы можете сделать, это организовать CSS, поскольку наличие 1800 классов может оказаться неподходящим способом работы в WebApp, поскольку веб-приложение должно обеспечивать согласованность внешнего вида.

На форумах оракулов есть полезная дискуссия, которая может вам в этом помочь, особенно по использованию проверки выражения el в вашем текущем представлении для переключения вашей кожи на лету.

Несколько скинов в одном приложении

Я также упоминал на этом форуме об использовании дополнения к скину, а также о причине, по которой я решил добавить дополнение к скину для нашего приложения, даже несмотря на то, что мы не достигли того количества стилей ClassClass, которое у вас есть, наша CSS уже набирает 3k строки только с 600 строками для конкретного компонента, а все остальное - styleClass. Мы также драматически использовали «наследование», которое предлагает скин Тринидад -tr-наследовать , это действительно спасло нас от большого количества кода.

Answer 2

Использование свойства extends позволяет использовать несколько таблиц стилей для одного приложения.

trinidad-skins.xml

 <id>skin_1.desktop</id>
    <family>skin_1</family>
    <extends>simple.desktop</extends>
    <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
    <style-sheet-name>css/stylesheet_1.css</style-sheet-name>
  </skin>

  <skin>
    <id>skin_2.desktop</id>
    <family>skin_2</family>
    <extends>skin_1.desktop</extends>
    <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
    <style-sheet-name>css/stylesheet_2.css</style-sheet-name>
  </skin>

в trinidad-config.xml

<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">

  <skin-family>skyros</skin-family>
  <skin-version>v1</skin-version>

  <skin-family>skin_2</skin-family>

</trinidad-config>