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

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