kintone 表單設計上的課題
kintone 以其彈性的表單設定功能聞名。 由於欄位可以配置在任意位置,使用者能夠自由地自訂表單。
不過實際上,在新增欄位時,多數情況應該都是往縱向配置吧。
縱長表單的問題
在基本的表單設計中,並不建議採用橫向排列大量元件的版面配置。 這是為了讓使用者不必頻繁地左右捲動,就能直覺地輸入資訊。
因此當應用程式的欄位數量增加後,表單勢必會變成需要大量縱向捲動的樣貌。
在縱向很長的表單中,使用者有時會難以找到目標欄位。 這也可能成為業務效率下降的原因。
外掛概要
為了解決這樣的課題,我們開發了一款新外掛,可實作隨捲動固定顯示、並控制欄位顯示與隱藏的頁籤。 使用本外掛,使用者就能輕鬆找到需要的欄位,有效率地輸入資訊。
原始碼全部公開於 GitHub,可免費使用。 歡迎善用本外掛,將 kintone 的表單自訂得更好用。
操作示範
記錄詳細畫面
記錄編輯畫面
外掛的特色
-
隨捲動固定顯示
- 即使是縱向很長的表單,頁籤也會隨著捲動位置固定顯示,隨時可用,相當方便。
-
控制欄位的顯示與隱藏
- 只要切換頁籤,就能只顯示需要的欄位,並隱藏不需要的欄位。
-
支援所有欄位
- 不限定於特定群組,可將所有欄位都納入顯示與隱藏的控制對象。
補充說明
為什麼採用垂直方向
如開頭所述,我們必須設法讓表單的任何位置都能進行欄位控制。 但從開發者的角度來看,在實作控制欄位顯示與隱藏的頁籤時,會產生一些 UI 上的不便。
例如,頁籤設置的位置必須與可控制的欄位位置相互連動。 既然要設置頁籤,就必須存在可切換的區域,而目標欄位也必須包含在該區域之內。
採用垂直方向的優點
若將頁籤設置於整筆記錄的下方,那麼被控制的欄位就必須位於更下方。 在這樣的關係下,要判斷究竟哪些欄位是控制對象就變得困難, 既有的外掛因此必須以群組為對象等方式,限制控制的範圍。
本外掛放棄了這樣的判定,為了將所有欄位都納入對象,才採用了垂直方向的設計。 如此一來,使用者就不再受限於特定群組,可以自由切換欄位的顯示與隱藏。
(相對地,一開始的設定會稍微麻煩一些,這部分我們會列為今後的改善課題持續處理)
外掛的原始碼
本外掛為開源專案。 外掛由哪些檔案構成、實際上是如何實作的,所有程式碼都可以在 GitHub 上確認。
若您想查看外掛的原始碼,可以透過本頁上方的「查看原始碼」按鈕前往外掛的儲存庫。
總結
以上為您介紹了這款可解決 kintone 表單設計課題的新外掛。 透過實作隨捲動固定顯示、並控制欄位顯示與隱藏的頁籤,使用者就能更有效率地輸入資訊。
您可以從本頁上方的「下載」按鈕下載外掛,歡迎多加利用。
一起把 kintone 的表單自訂得更方便、更好用吧。