頁籤顯示外掛

實作可隨捲動固定顯示的垂直頁籤,用於切換顯示的欄位群組。

頁籤顯示外掛

外掛的主要功能

安裝本外掛後,即可使用以下功能。

👁️‍🗨️

控制欄位的顯示與隱藏

只要切換頁籤,就能只顯示需要的欄位,並隱藏不需要的欄位。

📑

隨捲動固定顯示

即使是縱向很長的表單,頁籤也會隨著捲動位置固定顯示,隨時可用,相當方便。

🌐

支援所有欄位

不限定於特定群組,可將所有欄位都納入顯示與隱藏的控制對象。

kintone 表單設計上的課題

kintone 以其彈性的表單設定功能聞名。 由於欄位可以配置在任意位置,使用者能夠自由地自訂表單。

不過實際上,在新增欄位時,多數情況應該都是往縱向配置吧。

縱長表單的問題

在基本的表單設計中,並不建議採用橫向排列大量元件的版面配置。 這是為了讓使用者不必頻繁地左右捲動,就能直覺地輸入資訊。

因此當應用程式的欄位數量增加後,表單勢必會變成需要大量縱向捲動的樣貌。

在縱向很長的表單中,使用者有時會難以找到目標欄位。 這也可能成為業務效率下降的原因。

外掛概要

為了解決這樣的課題,我們開發了一款新外掛,可實作隨捲動固定顯示、並控制欄位顯示與隱藏的頁籤。 使用本外掛,使用者就能輕鬆找到需要的欄位,有效率地輸入資訊。

原始碼全部公開於 GitHub,可免費使用。 歡迎善用本外掛,將 kintone 的表單自訂得更好用。

操作示範

記錄詳細畫面

詳細畫面的示範

記錄編輯畫面

編輯畫面的示範

外掛的特色

  1. 隨捲動固定顯示

    • 即使是縱向很長的表單,頁籤也會隨著捲動位置固定顯示,隨時可用,相當方便。
  2. 控制欄位的顯示與隱藏

    • 只要切換頁籤,就能只顯示需要的欄位,並隱藏不需要的欄位。
  3. 支援所有欄位

    • 不限定於特定群組,可將所有欄位都納入顯示與隱藏的控制對象。

補充說明

為什麼採用垂直方向

如開頭所述,我們必須設法讓表單的任何位置都能進行欄位控制。 但從開發者的角度來看,在實作控制欄位顯示與隱藏的頁籤時,會產生一些 UI 上的不便。

例如,頁籤設置的位置必須與可控制的欄位位置相互連動。 既然要設置頁籤,就必須存在可切換的區域,而目標欄位也必須包含在該區域之內。

採用垂直方向的優點

若將頁籤設置於整筆記錄的下方,那麼被控制的欄位就必須位於更下方。 在這樣的關係下,要判斷究竟哪些欄位是控制對象就變得困難, 既有的外掛因此必須以群組為對象等方式,限制控制的範圍。

本外掛放棄了這樣的判定,為了將所有欄位都納入對象,才採用了垂直方向的設計。 如此一來,使用者就不再受限於特定群組,可以自由切換欄位的顯示與隱藏。

(相對地,一開始的設定會稍微麻煩一些,這部分我們會列為今後的改善課題持續處理)

外掛的原始碼

本外掛為開源專案。 外掛由哪些檔案構成、實際上是如何實作的,所有程式碼都可以在 GitHub 上確認。

若您想查看外掛的原始碼,可以透過本頁上方的「查看原始碼」按鈕前往外掛的儲存庫。

總結

以上為您介紹了這款可解決 kintone 表單設計課題的新外掛。 透過實作隨捲動固定顯示、並控制欄位顯示與隱藏的頁籤,使用者就能更有效率地輸入資訊。

您可以從本頁上方的「下載」按鈕下載外掛,歡迎多加利用。

一起把 kintone 的表單自訂得更方便、更好用吧。