キンコミ kintone user community

みんなの投稿

2022/05/25 14:08

プロセス管理のアプリを作成しています。「ステータス連動必須フィールドのプラグインを」使っています。しかし、1画面で複数の人に回付されるのです。該当ステータスの人に回ってくるとその人の入力しなければならないフィールドが分かりにくいと思いました。ステータスに連動して、その人が入力しなければならないフィールドをわかりやすくするアイデアはないものでしょうか。
ちなみに、ステータスにそってフィールドを並べていますが、どうしても理由があって、並べきれない個所もあります。

1件のコメント (新着順)
koichi
開発
2022/05/26 15:45

Drunkardさん
こんにちは。



私が知る限り、ステータスに連動してフィールド強調するプラグインは無いと思いますので、私だったらJavaScriptで実装します。

現在のステータスを見て、それに応じて強調したいフィールドの枠や背景色に色を付けるといった処理です。



少し技術的な話になりますが

HTMLを見ると各フィールドを構成する要素には、固有の番号が付いたclassが振られています(例:field-5757655)。

これをdocument.getElementsByClassNameでフィールド要素を取得して、style.backgroundColorで色を設定します。
(実際にstyleを当てるのは、さらに子要素のinputタグなどになるのですが)



書き方に迷われた際は
GoogleでDOM操作によるスタイルの変更方法を検索いただくか
developer networkでご質問いただければ有志の方から回答を得られると思います。

※DOM操作のため、kintoneの仕様変更によりclassが変わると動かなくなりますのでご留意ください。

アイデアの一つとしてご提案までです。


Drunkard
2022/05/26 16:47

koichiさん
ありがとうございます、詳しいですね。
私も仕方がないので、JavaScriptでカスタマイズをかけようかと思っています。
私の思いつく方法としては、スクリプト内でステータスを訊くことが出来るので、該当ステータスの時に
kintone.app.record.getSpaceElement('xxxxxx').style.backgroundColor ='#FF0000';
でイケると思います。これならDOM操作は不要です。

再度、お礼を申し上げます、
ありがとうございます。

koichi
開発
2022/05/26 18:20

ご返信ありがとうございます。

スペースフィールドでしたら kintone.app.record.getSpaceElement() が良いですね。
スペース以外のフィールドには使用できないので、その点はご留意ください。

Drunkard
2022/05/26 21:50

koichiさん
こんばんわ

はい、各入力項目グループの上にラインを引き、スペースフィールドを設けて
kintone.app.record.getSpaceElement()をします。完璧にできるかどうか・・・、やってみます。
JavaScript・・・すごいSwitch文になります(笑)。
まぁ完璧を目指すのも必要ないかもしれません。

Drunkard
2022/05/31 14:08

koichiさん
ありました!

https://developer.cybozu.io/hc/ja/articles/208236353-%E6%96%B0%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%89%88-%E6%9D%A1%E4%BB%B6%E6%9B%B8%E5%BC%8F%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3
「新デザイン版 条件書式プラグイン」これを使うと「書式条件フィールド」にステータスを選べます。
そして指定のフィールドの書式(例えば背景色)を設定できます。

見つけて早速使ってみて、分かりやすい設定画面です。カラーピッカーがあるんですが、そこだけが少し使いずらいかなーっという感想です。

カスタマイズのスクリプトを作りかけていて、developer を参考にしていると、見つけました。
ありがとうございました。

koichi
開発
2022/05/31 15:30

Drunkardさん

ご連絡ありがとうございます。
新条件書式がありましたね。すみません、私も使ってました。

ただ、編集画面では反映されなかった気がします。
詳細画面や一覧画面の表示でしたら使えますね。

Drunkard
2022/06/02 08:39

koichiさん
おはようございます。

編集画面でもつかえてます。
新デザイン版と書いてあってので、新バージョンにしたのかもしれません。
助かりましたー、出来るだけカスタマイズはしたくないですからね。
それでなくてもカスタマイズを少々入れてますから。

koichi
開発
2022/06/02 09:51

Drunkardさん
おはようございます。

編集画面もできるんですね。
私が使っているバージョンが古かったようです。
プラグインでできるなら、それが一番ですね。