新規投稿
フォローする

kintone 一覧画面の文字サイズの変更について

kintone一覧画面の文字サイズが大きく視認性がExcelより劣るので、表頭と入力された文字サイズを変更したいと考えています。

可能であれば方法をご教授頂けたら、幸いです。

0

5件のコメント

Avatar
江田篤史

Yasuhiro K様

お世話になっております.
cstapの江田と申します.

CSSカスタマイズにて以下のコードを登録して変更できます.

.recordlist-gaia th{ /*表頭の文字サイズ*/
font-size: 100%;
}
.recordlist-gaia td{ /*入力されたの文字のサイズ*/
font-size: 50%;
}

kintoneのCSSカスタマイズの方法は以下の記事などが参考になるかと思います.
https://qiita.com/will-yama/items/1dccd51a01f679e22448

0
Avatar
Yasuhiro K

ご教授頂き、ありがとうございます!!

解決いたしました!

0
Avatar
Yasuhiro K

江田様

 

申し訳ございません。

1点教えてください。文字の大きさは小さくなりましたが、枠線の高さを調整したいと考えています。

図々しいのですが、教えていただけますでしょうか?

0
Avatar
江田篤史

Yasuhiro K様

お世話になっております.

セルの中の要素の上下のpaddingやmarginを調節して変更できます.

下記は上下のpaddingやmarginをすべて取り除いた例です. 見やすいように適宜調節してください.

/*thead*/
.recordlist-gaia th{
  font-size: 100%;
}
.recordlist-header-cell-gaia>div{
  padding: 0 5px 0 0;
}
.recordlist-header-cell-inner-gaia{
  padding: 0 8px;
}
/*tbody*/
.recordlist-gaia td{
  font-size: 50%;
  vertical-align: middle;
}
.recordlist-cell-gaia>div{
  display: inline-block;
  padding: 0 8px;
}
.recordlist-show-gaia{
  padding: 0 12px;
}
.recordlist-detail-gaia{
  margin-top: 0;
}
0
Avatar
Yasuhiro K

いろいろ要望を聞いて頂き、ありがとうございます。

非常に助かりました!!

 

0
ログインしてコメントを残してください。