1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

kintone テーマ・プラグインの試作

Last updated at Posted at 2016-02-21

#kintone テーマ・プラグインについて

新デザインがデフォルト設定になり、2017年2月には旧デザインが廃止されます。
しかし新デザインだと気に入らない点がいくつかあり、使いにくい気がします。

  • ヘッダ部が大き過ぎ、無駄な領域が多い
  • 全体に色が地味でなんか楽しくない

kintone標準の新テーマが用意されていればいいのですが今のところリリース予定は、なさそうです。
この対策として、とりあえず作ってみました。
ついでに、ついこの前プラグインの作り方を覚えたばかりなので、これもプラグイン化してみました。
css での変更だけでなく、DOM操作も行っていますので、もちろん非推奨の仕組みです。
旧デザイン廃止までには、標準で新デザイン・テーマ対応を行ってほしいものです。

#テーマ適用前後の表示比較
theme1.png

  • ヘッダ部を小さく、データ部を広くしました
  • 色は灰色系からピンク系、アイコンの色も変更して明るめに
  • ラベル表示は、旧デザインからのパクリ

#一覧画面
theme2.png

#詳細画面
theme3.png

#編集画面
theme4.png

#テーマ・プラグインの設定
アプリの設定 > プラグイン で、デザインテーマ・プラグインを追加します。
プラグインの設定は、何もありません。簡単ですね。
theme5.png

#KTABプラグインとテーマ・プラグイン同時使用
同時使用しても今のところ大丈夫そうです。
theme6.png

#課題

  • 印刷にはcss の内容が反映されないため、独自の印刷機能を組み込むか検討要
  • デザイン的に無理やり押し込めた弊害がところどころに出ている
  • いくつかテーマ・プラグインの種類を作るか?

旧デザイン廃止まで約1年ありますので、ゆっくり考えます。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?