web-dev-qa-db-fra.com

Thème jQuery UI

Je veux utiliser dans mon module le thème jQuery UI personnalisé à partir de themeroller . Quelle est la meilleure façon de procéder?

7javascript
8
ya.teck

En supposant que vous utilisez le module jquery_ui , tout ce que vous avez à faire est de:

  • Créez un téléchargement personnalisé pour l'interface utilisateur jQuery, y compris votre thème personnalisé à partir de ThemeRoller et copiez-le sous le dossier jquery_ui, en suivant les instructions du fichier README.txt du module
  • Alternativement, vous pouvez simplement créer votre thème personnalisé, le télécharger et le copier dans le répertoire de thème de jQuery UI

ÉDITER:

Cependant, puisque Drupal 7 est déjà livré avec la dernière interface utilisateur jQuery, tout ce que vous devez faire est de télécharger votre thème d'interface utilisateur jQuery personnalisé et de l'inclure en utilisant l'une des méthodes suivantes:

  • Copiez le répertoire dans le dossier de votre thème et incluez le fichier css dans le .info de votre thème

  • Créez un module personnalisé et implémentez hook_init () et utilisez drupal_add_css () pour ajouter votre feuille de style personnalisée:

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

6
Alex Weber

Pour Drupal 7, le thème stock Seven fait cela ( lien du référentiel ) (abrégé):

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

Modifiez en conséquence, c'est-à-dire. remplacez "sept" par le nom de votre thème et pointez le chemin vers le fichier CSS de votre thème jQuery UI.

3
Samat Jain

Si vous ajoutez l'interface utilisateur via drupal_add_library(), vous pouvez modifier le style à l'aide de hook_library_alter(). Par exemple:

/**
 * 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();
}
3
Web Assistant

Je recommande d'utiliser le module jQuery UI theme qui gère plusieurs interfaces utilisateur générées par THEMEROLLER et a attaché ces interfaces aux thèmes Drupal. Définissez ensuite les classes CSS de l'interface utilisateur jquery pour les éléments dans = Drupal avec les modules tels que block class /node class/webform css, etc.

2
fishfree