Tema jQuery UI

8

Saya ingin menggunakan tema UI modul jQuery kustom saya dari themeroller . Apa cara terbaik untuk melakukannya?

7 javascript ya.teck
sumber
Saya tidak bisa membuat tag UI jQuery .
ya.teck
itu tidak dapat dipisahkan oleh spasi atau jika tidak, mereka mengerti mereka adalah 2 tag berbeda :)
Alex Weber
Ini adalah pertanyaan pertama yang ditandai dengan jQuery Ui . Saya tidak memiliki izin untuk membuat tag baru :)
ya.teck
Anda tertarik dengan versi Drupal yang mana?
kiamlaluno
Saya menggunakan Drupal 7.
ya.teck

Jawaban:

6

Dengan asumsi Anda menggunakan modul jquery_ui , yang harus Anda lakukan adalah:

  • Buat unduhan khusus untuk jQuery UI termasuk tema khusus Anda dari ThemeRoller dan salin di bawah folder jquery_ui, ikuti instruksi di README.txt modul
  • Atau, Anda bisa membuat tema khusus, mengunduhnya, dan menyalinnya ke direktori tema UI jQuery

EDIT:

Namun, karena Drupal 7 sudah disertakan dengan jQuery UI terbaru, yang harus Anda lakukan adalah mengunduh tema jQuery UI khusus Anda dan memasukkannya menggunakan salah satu metode berikut:

  • Salin direktori ke folder tema Anda dan sertakan file css di .info tema Anda

  • Buat modul khusus, dan terapkan hook_init () dan gunakan drupal_add_css () untuk menambahkan stylesheet khusus Anda:

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

Alex Weber
sumber
Saya belum menemukan jupe_ui versi drupal 7 dan saya tidak berpikir bahwa mengatasinya di direktori inti drupal adalah cara terbaik.
ya.teck
Buruk saya, setuju, saya sudah mengedit posting asli saya untuk memperbaikinya ini :)
Alex Weber
Bukankah drupal_add_css hanya menambahkan file css baru tetapi tidak menggantinya? Saya akan menggunakan jQuery UI hanya pada satu halaman.
ya.teck
drupal_add_css menggantikan file dengan nama yang sama, jadi jika Anda memberi nama css Anda 'jquery.ui.theme.css' misalnya, file itu akan digunakan sebagai ganti versi default
Alex Weber
3

Untuk Drupal 7, tema stock Seven melakukan ini ( tautan repositori ) (dipersingkat):

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

Ubah sesuai — yaitu ganti "tujuh" dengan nama tema Anda, dan arahkan path ke file CSS tema UI jQuery Anda.

Samat Jain
sumber
3

Jika Anda menambahkan UI via drupal_add_library(), Anda dapat mengubah gaya menggunakan hook_library_alter(). Sebagai contoh:

/**
 * 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();
}
Asisten Web
sumber
1
Saya pikir ini adalah metode yang lebih baik karena kemungkinan akan spesifik modul. Juga, itu berhasil untuk saya.
Brandon Bearden
2

Saya merekomendasikan untuk menggunakan modul tema UI jQuery yang mengelola multi-THEMEROLLER yang dihasilkan UI dan melampirkan UI ini ke tema Drupal. Kemudian atur jquery UI CSS untuk elemen dalam Drupal dengan modul-modul seperti blok class / node class / webform css, dll.

bebas ikan
sumber