アクションボタンの色の変更について

kintone カスタマイズ
1

お世話になります。

プロセスボタンとアクションボタンで見分けが付きづらい！という要望があり、せめて色分けをしようということでカスタマイズをしています。

 

プロセスボタンの色の変更については、以下の記事を参考に可能でした。

https://developer.cybozu.io/hc/ja/community/posts/360054652292

 

そこで、アクションボタンについても同様の方法で可能でしょうか？

 

.gaia-app-statusbar-actionmenu-wrapper .gaia-app-statusbar-action:nth-child(1){
 background-color: #0f0;
}

とすると、以下のようになりますし、

.gaia-app-statusbar-actionmenu-wrapper .gaia-app-statusbar-action-label{
 background-color: #0f0;
}

とすると以下の画像の様になります。

以上、アドバイスをお願い致します。

2

はい、同じ感じでできます。下記の要素なのですでにコード書いていらっしゃるとおりです。

回答になってなかったらすいません。

3

ありがとうございます。

セレクタのミスがないかを確認してみます！

4

あ、意味がわかりました。

ためしたけど動かないってことですね？もしかすると画面が描画されたあとに遅れて出てきてるのかもしれませんね＞アクションボタン

 

その場合は下記のように、表示されるまでsetTimeoutでまって、表示されたら色をかえるというJSカスタマイズが必要そうです。

https://developer.cybozu.io/hc/ja/community/posts/360028631431-%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E6%9E%A0%E7%B7%9A%E3%81%AE%E5%A4%AA%E3%81%95%E5%A4%89%E6%9B%B4

5

なるほど、アドバイス頂いた件を理解しました。

detail.showの時点ではアクションボタンの表示ができていないので、アクションボタンの表示を待って、アクションボタンの色を変える処理を行うということですね。

お教えいただいた投稿を参考しながら、試行錯誤してみます！ありがとうございます！

6

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。