您在這裡

支援 tab 的 block

dennys's 的頭像
dennys 在 2008-02-12 (二) 00:47 發表

我今天把 Tabbed Block (http://drupal.org/project/tabbed_block) 裝了起來, 然後放了幾個 view 到裡面, 基本上運作起來沒有問題, 不過速度似乎很慢, 可以連到我的網站 http://dennys.tiger2.net/ 的首頁看看, 載入的速度很快, 但是 tab 要等快一分鐘才會出來, 用 IE 的話尤其明顯. 可是在過程中, 不論是 server 或 client, 看來都沒在做什麼事, 所以實在不確定系統在等什麼了. 這會是因為 javascript 的關係嗎? 因為這樣使用者其實會先看到沒有 tab 的畫面, 然後等一下之後再變成有 tab 的, 感覺好像怪怪的.

另外還有幾個問題請教
1. 有辦法搭配 i18n 嗎?
2. 預設的字型, 英文剛好, 但中文就太小. 改 tabbed_block.css 嗎? 有沒有辦法只改中文呢?
3. Drupal 6 沒有找到類似功能的模組, 有沒有建議的替代品? 希望就是在首頁能用 tab 來切換數個 views block

剛開始裝了一下 panels2, 結果發現還有點複雜 (我沒用過 panel1), 後來發現還滿好弄的. 大概步驟如下:

  1. 當然是要先把 panels2 和 tabs 給裝起來
  2. 新增一個 mini panel
  3. 把 layout settings 改成 tabs
  4. 到內容, 按下 "+" 的按鈕, 多新增幾個你要放的東西
  5. 這時候從預覽就可以看到結果了
  6. 也可以新增 block

我在這裡做了點測試, http://drupal5.dnsalias.org/ 左邊的 panel_t 就是了. 不過在 IE6 下的 layout 怪怪的, Firefox, Opera 就正常.(我想不見得真的是 IE 有問題, 作者的 demo 網頁就可以, 我那個是測試站, 亂裝了一堆 module, 也有可能是這樣造成的.)

看來效果是很不錯, 好像也滿穩定的, 可以考慮試試看.

不知道又是哪裡相容性衝到, 本來想寫個教學, 結果無法新增 panel, 看來是 javascript 的問題. 大概步驟如下, 能不能說一下你是哪邊碰到問題?

  1. 安裝以下三個模組 Panels 的 Mini panels, Panels 的 Panels, Tabs panel style
  2. 新增一個 mini panel (執行功能表 Panels -> Mini panels -> Add, 選擇 Single column)
  3. 選擇 "layout settings" 這個 tab, 把裡面 style 改成 "tabs"
  4. 選擇 "content" 這個 tab, 按下 "+" 的按鈕, 多新增幾個你要放的東西 (views or block or ...)
  5. 這時候從預覽就可以看到結果了
  6. 建好的同時, 你的 block 也會多一個, 就可以直接拿來用了.

這個 quicktabs 感覺起來挺不錯的,剛好手邊有個案子需要用到兩種不同性質的 tabbed view,晚點我就拿來試試,順道寫點心得分享 :)

題外話,你說的 admin_menu 我只在很久以前試用過一次,後來就改用比較簡單(且不容易有問題)的 simple menu 了。不過 simple menu 也有它自己的問題,這個模組在啟動時,有可能會沒有輸出任何東西,這時可以試著切換一下預設的 theme 就會出現了。

我剛剛試了一下,發覺 quicktabs 裏頭,如果新增的 tab 是 block,會連帶把 block title 秀出來;如果新增的 tab 是 view,則好像只會使用 full node 的方式來呈現。不曉得你有遇到這情況嗎? 我接下來會試一下,使用 views 的方式,但呈現的方式是透過自己改寫的 themable function 來控制,那就完美了。

PS. quicktabs 的確是 loading 的速度比 tabbed block 來得快不少,至於 panels_tab 我就還沒有試過了。

quicktabs在ie8會不正常嘛?
因為我的也有裝~但是正常的…
想詢問您指的不正常顯示是比如有圖示還是網站可供看一下嘛?
然後您的quicktabs是機版的呢?

人人把心中的愛發揮出來,就能凝聚善的福業,形成善的循環。 (靜思語錄)

人人把心中的愛發揮出來,就能凝聚善的福業,形成善的循環。 (靜思語錄)