您在這裡

首頁 » Forums » 疑難雜症 » 模組/Modules

關於自訂內容類型中欄位的相關問題請教

ethan's 的頭像
由 ethan 在 2012-09-28 (週五) 18:15 發表

請問各位先進：

若想讓自訂的content type 中的欄位（核取方塊或radio）從原本的直排
pic1
變成 webform 中可以呈現的橫式
pic2
請問要如何做？

感謝各位的回覆~

圖片: 
Image icon pic1.jpg

to ethan,

大開說的沒錯，的確就是要使用 CSS 來調整排列方式。

Webform 之所以預設是橫列，是因為他對這樣一組的 Checkbox 預設了 CSS，
其本身上層 div 就有一個 webform-container-inline 這樣的 class
在他底下的 div.form-item 就會套用 css 的 float:left 及 display:inline ，才能讓物件一個個往右排列。

所以說一定要動手處理 CSS 囉!

挖到寶了，所以一定要回饋一下：

可重新排列表單元件位置的好用模組，超級推薦！

http://drupal.org/project/arrange_fields

1. 首先從上述網址下載該模組，並安裝啟用之。

2. 特別提醒：必須清除所有的 cache（因為它會在admin MENU中添加新的選項）

3. 接著，我們便可以從 設定 -> Arrange Fields -> 設定 中進行設定。

4. 其中的 Grid width 指的是格子的寬度，預設是 10px 。

5. 可以直接點選 「表格」tab，然後選擇要進行調整的 內容類型（連 webform 也可以！）

6. 也可以從 架構 -> 內容類型 -> Arrange Fields 進入，選擇欲修改的內容類型之欄位安排。

7. 整個操作非常直覺，直接以拖放(Drag & Drop)的方式即可重新安排各個欄位的位置，另外滑鼠移動到每個欄位也有設定按鈕可以進行細部的設定。

arr

8. 操作（調整）完畢之後，按下「save position data」就可以儲存重新安排的位置資訊了。

這個效果真是太讚了！