Giao diện người dùng jQuery

8

Tôi muốn sử dụng trong chủ đề UI UI tùy chỉnh mô-đun của mình từ themeroller . Cách tốt nhất để làm điều đó là gì?

7 javascript

— ya.teck
nguồn

Tôi không thể tạo thẻ UI UI .

— ya.teck

không thể phân tách bằng dấu cách hoặc nếu không nó hiểu chúng là 2 thẻ khác nhau :)

— Alex Weber

Đây là câu hỏi đầu tiên được gắn thẻ với jQuery Ui . Tôi không có quyền tạo thẻ mới :)

— ya.teck

Phiên bản Drupal nào bạn quan tâm?

— kiamlaluno

Tôi đang sử dụng Drupal 7.

— ya.teck

6

Giả sử bạn đang sử dụng mô-đun jquery_ui , tất cả những gì bạn phải làm là:

Xây dựng bản tải xuống tùy chỉnh cho Giao diện người dùng jQuery bao gồm chủ đề tùy chỉnh của bạn từ ThemeRoller và sao chép nó trong thư mục jquery_ui, làm theo các hướng dẫn trong README.txt của mô-đun
Ngoài ra, bạn chỉ có thể xây dựng chủ đề tùy chỉnh của mình, tải xuống và sao chép nó vào thư mục chủ đề của jQuery UI

BIÊN TẬP:

Tuy nhiên, vì Drupal 7 đã xuất xưởng với Giao diện người dùng jQuery mới nhất, tất cả những gì bạn phải làm là tải xuống chủ đề UI UI tùy chỉnh của mình và bao gồm nó bằng một trong các phương pháp sau:

Sao chép thư mục vào thư mục của chủ đề của bạn và bao gồm tệp css trong .info của chủ đề của bạn
Tạo một mô-đun tùy chỉnh và triển khai hook_init () và sử dụng drupal_add_css () để thêm biểu định kiểu tùy chỉnh của bạn:

hàm mymodule_init () {$ tùy chọn = mảng ('nhóm' => CSS_THEME, 'every_page' => TRUE, 'weight' => 9999); drupal_add_css (drupal_get_path ('mô-đun', 'mymodule'), 'mymodule.css', $ tùy chọn); }

— Alex Weber
nguồn

Tôi chưa tìm thấy phiên bản drupal 7 của jquery_ui và tôi không nghĩ rằng việc sao chép các tập tin của mình vào thư mục lõi của drupal là cách tốt nhất.

— ya.teck

Thật tệ, tôi đã đồng ý, tôi đã chỉnh sửa bài viết gốc của mình để sửa lỗi này :)

— Alex Weber

Không drupal_add_css chỉ thêm các tệp css mới nhưng không thay thế chúng? Tôi sẽ chỉ sử dụng jQuery UI trên một trang.

— ya.teck

drupal_add_css thay thế các tệp có cùng tên, vì vậy, nếu bạn đặt tên cho css 'jquery.ui.theme.css' của mình, ví dụ, nó sẽ được sử dụng thay vì phiên bản mặc định

— Alex Weber

3

Đối với Drupal 7, chủ đề stock Seven thực hiện điều này ( liên kết kho lưu trữ ) (rút gọn):

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

Sửa đổi cho phù hợp, tức là thay thế "bảy" bằng tên của chủ đề của bạn và trỏ đường dẫn đến tệp CSS của chủ đề UI UI của bạn.

— Samat Jain
nguồn

3

Nếu bạn đang thêm UI thông qua drupal_add_library(), bạn có thể thay đổi kiểu sử dụng hook_library_alter(). Ví dụ:

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

— Trợ lý web
nguồn

1

Tôi nghĩ rằng đây là phương pháp tốt hơn bởi vì có khả năng nó sẽ là mô-đun cụ thể. Ngoài ra, nó làm việc cho tôi.

— Brandon Bearden

2

Tôi khuyên bạn nên sử dụng mô-đun chủ đề UI UI quản lý nhiều UI được tạo THEMEROLLER và đính kèm các UI này vào các chủ đề Drupal. Sau đó, thiết lập các lớp CSS UI jquery cho các thành phần trong Drupal với các mô-đun, chẳng hạn như lớp khối / lớp nút / webform css, v.v.

— cá
nguồn