JQuery UI Темы

8

Я хочу использовать в своем модуле пользовательскую тему jQuery UI от themeroller . Каков наилучший способ сделать это?

7 javascript

— ya.teck
источник

Я не мог создать тег JQuery UI .

— я.тек

он не может быть разделен пробелами, иначе он понимает, что это 2 разных тега :)

— Алекс Вебер

Это первый вопрос с тегом jQuery Ui . У меня нет разрешения на создание нового тега :)

— ya.teck

Какая версия Drupal вас интересует?

— kiamlaluno

Я использую Drupal 7.

— ya.teck

6

Предполагая, что вы используете модуль jquery_ui , все, что вам нужно сделать, это:

Создайте пользовательскую загрузку для пользовательского интерфейса jQuery, включая пользовательскую тему, из ThemeRoller и скопируйте ее в папку jquery_ui, следуя инструкциям в файле README.txt модуля.
Кроме того, вы можете просто создать свою собственную тему, скачать ее и скопировать в каталог тем jQuery UI.

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

Тем не менее, поскольку Drupal 7 уже поставляется с последним пользовательским интерфейсом jQuery, все, что вам нужно сделать, это загрузить свою пользовательскую тему пользовательского интерфейса jQuery и включить ее одним из следующих способов:

Скопируйте каталог в папку вашей темы и включите файл css в .info вашей темы.
Создайте собственный модуль, реализуйте hook_init () и используйте drupal_add_css (), чтобы добавить свою собственную таблицу стилей:

function mymodule_init () {$ options = array ('group' => CSS_THEME, 'every_page' => TRUE, 'weight' => 9999); drupal_add_css (drupal_get_path ('module', 'mymodule'), 'mymodule.css', $ options); }

— Алекс Вебер
источник

Я не нашел версию jquery_ui для drupal 7 и не думаю, что копирование моих файлов в основной каталог drupal - лучший способ.

— я.тек

Мой плохой, согласился, я отредактировал свой оригинальный пост, чтобы исправить это :)

— Алекс Вебер

Разве drupal_add_css не добавляет новые файлы CSS, а не заменяет их? Я собираюсь использовать jQuery UI только на одной странице.

— я.тек

drupal_add_css заменяет файлы с одинаковыми именами, поэтому, если вы назовете свой css 'jquery.ui.theme.css', например, он будет использоваться вместо версии по умолчанию

— Алекс Вебер

3

Для Drupal 7 тема «Семь» делает это ( ссылка на репозиторий ) (сокращенно):

function seven_css_alter(&$css) {
  if (isset($css['misc/ui/jquery.ui.theme.css'])) {
    $css['misc/ui/jquery.ui.theme.css']['data'] = drupal_get_path('theme', 'seven') . '/jquery.ui.theme.css';
  }
}

Измените соответственно - то есть замените «семерка» названием вашей темы и укажите путь к файлу CSS вашей темы jQuery UI.

— Самат Джайн
источник

3

Если вы добавляете интерфейс через drupal_add_library(), вы можете изменить стиль, используя hook_library_alter(). Например:

/**
 * Implements hook_library_alter().
 */
function YOURMODULENAME_library_alter(&$libraries, $module) {
  unset($libraries['ui']['css']['misc/ui/jquery.ui.theme.css']);
  $libraries['ui']['css']['path/to/your/custom/theme/jquery.ui.theme.css'] = array();
}

— Веб-помощник
источник

1

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

— Брэндон Берден

2

Я рекомендую использовать модуль тем jQuery UI, который управляет несколькими интерфейсами, сгенерированными THEMEROLLER, и присоединяет эти интерфейсы к темам Drupal. Затем установите CSS-классы JQuery UI для элементов в Drupal с помощью таких модулей, как класс блока / класс узла / веб-форма CSS и т. Д.

— fishfree
источник