Tema da UI do jQuery

8

Eu quero usar no meu módulo personalizado tema jQuery UI do themeroller . Qual é a melhor maneira de fazer isso?

7 javascript ya.teck
fonte
Não consegui criar a tag da interface do usuário do jQuery .
ya.teck
não podem ser separados por espaços ou então ele entende que eles são 2 tags diferentes :)
Alex Weber
Esta é a primeira pergunta marcada com o jQuery Ui . Eu não tenho permissão para criar nova tag :)
ya.teck
Para qual versão do Drupal você está interessado?
Kiamlaluno
Estou usando o Drupal 7.
ya.teck

Respostas:

6

Supondo que você esteja usando o módulo jquery_ui , tudo que você precisa fazer é:

  • Crie um download personalizado para a interface do usuário do jQuery, incluindo seu tema personalizado do ThemeRoller e copie-o na pasta jquery_ui, seguindo as instruções no README.txt do módulo
  • Como alternativa, você pode criar seu tema personalizado, fazer o download e copiá-lo para o diretório de temas da jQuery UI

EDITAR:

No entanto, como o Drupal 7 já vem com a interface do usuário do jQuery mais recente, tudo o que você precisa fazer é baixar o tema personalizado da interface do usuário do jQuery e incluí-lo usando um dos seguintes métodos:

  • Copie o diretório para a pasta do seu tema e inclua o arquivo css no arquivo .info do seu tema

  • Crie um módulo personalizado e implemente hook_init () e use drupal_add_css () para adicionar sua folha de estilo personalizada:

    função mymodule_init () {$ options = array ('group' => CSS_THEME, 'every_page' => TRUE, 'weight' => 9999); drupal_add_css (drupal_get_path ('módulo', 'mymodule'), 'mymodule.css', $ opções); }

Alex Weber
fonte
Não encontrei a versão drupal 7 do jquery_ui e não acho que copiar meus arquivos no diretório principal do drupal seja a melhor maneira.
usar o seguinte código
My bad, concordou, eu editei o meu post original para corrigir isso :)
Alex Weber
O drupal_add_css não adiciona novos arquivos css, mas não os substitui? Vou usar a interface do usuário do jQuery apenas em uma única página.
usar o seguinte código
drupal_add_css substitui arquivos com o mesmo nome, então se você nomear seu css 'jquery.ui.theme.css', por exemplo, ele será usado em vez da versão padrão
Alex Weber
3

Para o Drupal 7, o tema padrão do Seven faz isso ( link do repositório ) (abreviado):

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';
  }
}

Modifique de acordo - ou seja, substitua "seven" pelo nome do seu tema e aponte o caminho para o arquivo CSS do seu tema jQuery UI.

Samat Jain
fonte
3

Se você estiver adicionando a interface do usuário via drupal_add_library(), poderá alterar o estilo usando hook_library_alter(). Por exemplo:

/**
 * 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();
}
Assistente Web
fonte
11
Eu acho que esse é o melhor método, porque provavelmente será específico do módulo. Além disso, funcionou para mim.
Brandon Bearden
2

Eu recomendo usar o módulo de tema da interface do usuário do jQuery , que gerencia várias interfaces de usuário geradas pelo THEMEROLLER e anexou essas interfaces aos temas do Drupal. Em seguida, defina as classes CSS da UI do jquery para elementos no Drupal com os módulos como classe de bloco / classe de nó / CSS da webform, etc.

sem peixe
fonte