カラフルで楽しいデザイン
カラフルな色合いやポップなデザインが可愛い、賑やかで楽しい印象のリストビューを作成できます。
使い方
テンプレート内容
・colorful.css
・colorful.js
ダウンロードしたCSSファイルとJavaScriptファイルを、お好きなビューに登録することでご利用いただけます。
kintoneの設定
デモのカテゴリのようにフィールドの値に応じて色付けを行いたい場合、色分けをしたいフィールドのフィールドコードに「category」と設定してください。
JavaScriptの設定
- colorful.js について、JavaScriptを編集可能なエディタで開きます。
- TITLEという定数を編集し、レコード一覧とレコード詳細に表示するタイトルを設定します。
- 色付けを行う場合、COLORSという定数に「"フィールドの値": "色"」という形式で記述することによって、どの値に対して何色を反映させるのかを設定することができます。
kViewerの設定
- サイドメニューから[JavaScript/CSSでカスタマイズ]の設定を開きます。
- [CSSを利用する]にチェックを入れ、[参照]から「colorful.css」を選択します。
- [JavaScriptを利用する]にチェックを入れ、[参照]から編集した「colorful.js」を選択して保存します。
- ビューを更新します。
