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

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