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

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