devnetのガントチャートプラグインのこと...

devnetのガントチャートプラグインのことでどなたかのアイデアをいただきたいです
デフォルトのチャート表示ではチャート表の上の方に表示がある日付の下の曜日表示の「土」「日」の欄だけ背景色が水色とピンク色になっていますが、その背景色をチャート表の下いっぱいまで背景色を表現したいのですが、プログラムをいじってやっている方いましたら、アドバイスいただきたいです

トークにコメントする

3件のコメント (新着順)

miyawaki

2022/04/20 11:49

koichiさん
いつも本当にありがとうございます
「.row.date.today」を「addin-style.css」に追加する形でこちらの思うような形になりました！
ありがとうございます

この機会に何でも伺いますが、ガントチャート表示上でマウスをホイールスクロールするとチャート表が横スクロールしますが、チャート表の下にある一覧表にたどり着くまで縦スクロールバーを押さないとスクロールされませんが、ホイールスクロールでチャート表が横スクロールしないようにする方法はありますでしょうか？チャート表の横スクロールはチャート表の横スクロールバーつまみをドラッグすることでスクロールさせようと思います
何卒よろしくお願いいたします

いいね返信する

miyawaki

2022/04/19 12:49

koichiさん
こんにちは

koichiさんの方法でやってみたところ、こちらの思うようになりました！
ありがとうございました！

ちなみにもう一つ今日を表している黄色の背景色も同様に表の下いっぱいまで表現したいのですが、どのプログラムの項目かわかりますでしょうか？

koichi

がいいね

いいね返信する

koichi

開発

2022/04/19 15:26

「今日」は「.row.date.today 」クラスです。
こちらに同様にheightを当てれば、黄色の背景色も伸びます。

miyawaki

がいいね

いいね返信する

miyawaki

2022/04/19 16:22

koichiさん
いつもアドバイスいただき大変お世話になっています
アドバイスいただいた「.row.date.today」はaddin-style.cssに見当たらないのですが、どこか他のファイルにあるのでしょうかね？それともこのファイルに「.row.date.today」を追加して記述すればよいでしょうかね？
よろしくお願いいたします

koichi

がいいね

いいね返信する

koichi

開発

2022/04/19 16:34

実環境で試せていないですが
「.row.date.today」は「addin-style.css」に追加する形で反映されるはずです。

miyawaki

がいいね

いいね返信する

nakaji32(なかじ)

製造業

2022/04/15 17:23

色指定というとJavascriptのプログラムというよりは、CSSかな？というカンが働いたところで2つ試してみました。
CSSはレコードやフィールドを直接操作するわけではないのでJSよりもハードルが低いと(勝手に)思ってます。もちろんCSSの知識必要ですが、検索すれば出てくる情報を組み合わせで色々できます。
(添付画像はダウンロードしてから見た方が大きく見えて良いかもしれません)

1.Chromeブラウザの『検証ツール』を上手く使って、色々いじれます
この辺はJSカスタマイズの入り口と同じだと思います。
どこの場所を変更するか指定して、CSSのパラメータを変更してみると一時的に変えられます。
この辺を色々試してみると、どこをどう変えたら好みの色にできるか？が試せると思います。
今見えているWebサイトを手元で一時的に変更しているだけなので、再読み込みすれば解除されるのでそこも安心です。

添付画像の下の方にありますが、やはり色付けはaddin-style.cssでやっているようです Dev-netのガントチャートプラグインのページから色情報(#f5b9be)を拾って、CSSから検索したら見つかりました。このあたりに1で上手くいったCSSを書けば目的のことができるかもしれません (とはいえそう簡単ではないかもしれません)

.row.day.sa {
background-color: #bddbf1;
}
.row.day.sn {
background-color: #f5b9be;
}

サクッと思いついてやってみたのは以上です～