jQuery UI tematización

8

Quiero usar en mi módulo el tema personalizado de jQuery UI del themeroller . ¿Cuál es la mejor manera de hacerlo?

7 javascript ya.teck
fuente
No pude crear la etiqueta jQuery UI .
ya.teck
no puede separarse por espacios o comprende que son 2 etiquetas diferentes :)
Alex Weber
Esta es la primera pregunta etiquetada con jQuery Ui . No tengo permiso para crear una nueva etiqueta :)
ya.teck
¿En qué versión de Drupal estás interesado?
kiamlaluno
Estoy usando Drupal 7.
ya.teck

Respuestas:

6

Suponiendo que está utilizando el módulo jquery_ui , todo lo que tiene que hacer es:

  • Cree una descarga personalizada para jQuery UI que incluya su tema personalizado de ThemeRoller y cópielo en la carpeta jquery_ui, siguiendo las instrucciones en el módulo README.txt
  • Alternativamente, puede crear su tema personalizado, descargarlo y copiarlo en el directorio de temas de jQuery UI

EDITAR:

Sin embargo, dado que Drupal 7 ya viene con la última interfaz de usuario jQuery, todo lo que tienes que hacer es descargar tu tema personalizado de jQuery UI e incluirlo usando uno de los siguientes métodos:

  • Copie el directorio a la carpeta de su tema e incluya el archivo css en .info de su tema

  • Cree un módulo personalizado e implemente hook_init () y use drupal_add_css () para agregar su hoja de estilo personalizada:

    function mymodule_init () {$ opciones = array ('group' => CSS_THEME, 'every_page' => TRUE, 'weight' => 9999); drupal_add_css (drupal_get_path ('módulo', 'mimódulo'), 'mimódulo.css', $ opciones); }

Alex Weber
fuente
No he encontrado la versión drupal 7 de jquery_ui y no creo que copiar mis archivos en el directorio central de drupal sea la mejor manera.
ya.teck
Mi mal, de acuerdo, he editado mi publicación original para arreglar esto :)
Alex Weber
¿ Drupal_add_css no solo agrega nuevos archivos css pero no los reemplaza? Voy a usar jQuery UI solo en una sola página.
ya.teck
drupal_add_css reemplaza los archivos con el mismo nombre, por lo que si nombra su css 'jquery.ui.theme.css', por ejemplo, se usará en lugar de la versión predeterminada
Alex Weber
3

Para Drupal 7, el tema stock Seven hace esto ( enlace del repositorio ) (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 en consecuencia, es decir, reemplace "siete" con el nombre de su tema y señale la ruta al archivo CSS de su tema jQuery UI.

Samat Jain
fuente
3

Si está agregando la IU vía drupal_add_library(), puede cambiar el estilo usando hook_library_alter(). Por ejemplo:

/**
 * 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();
}
Asistente web
fuente
1
Creo que este es el mejor método porque probablemente será específico del módulo. Además, funcionó para mí.
Brandon Bearden
2

Recomiendo usar el módulo de tema de jQuery UI que gestiona múltiples interfaces de usuario generadas por THEMEROLLER y las adjunta a los temas de Drupal. Luego configure las clases CSS de jquery UI para elementos en Drupal con los módulos como block class / node class / webform css, etc.

libre de peces
fuente