キンコミ kintone user community

みんなの投稿

2021/11/04 08:18

一覧画面での行幅(高さ)について、CSS等で固定出来ませんでしょうか。
現在、あるアプリでの一覧画面において、添付フィールドの数によってレコード毎に行幅が広くなってしまいます。(当たり前ではありますが。。)
一つにまとめちゃえば?という意見も出ましたが、状況によって別々でのファイルでダウンロード→メール送信という状況も出るのでそれは出来ず。

妄想の結果、フォルダでアップロードすれば良いんじゃ??
なんて考えましたがそんな事はできず、強制的に幅を縮める以外思いつかずでした。。

何かいい案ございませんでしょうか。。。

2件のコメント (新着順)
koichi
開発
2021/11/04 10:32

ジャッカルさん

CSSで実現する場合は以下でできました。

.recordlist-cell-gaia > div, .recordlist-cell-gaia > ul {
    display: block;
    height: 50px;   /* 行の高さ */
    overflow: auto; /* 文字が溢れたらスクロールバーを表示 */
}

以下、行数が可変のフィールドで動作確認済みです。
・添付ファイル
・ユーザー選択
・組織選択
・グループ選択


ジャッカル
2021/11/04 11:16

そのまま応用させて頂きました結果、うまく希望通り幅を固定出来ました。
スライドバーについては、ネットをあさった上で overflow-y : auto と応用させて頂き縦のみの展開とする事で非常にすっきりな見た目になりました。ありがとうございます!!

suji バッジ画像
2021/11/04 09:19

一覧画面で一覧しなくていいのであれば、資格情報等はテーブル化してしまう手もあると思います。

>妄想の結果、フォルダでアップロードすれば良いんじゃ??
もしクラウドストレージを利用しているなら、
リンクフィールドにフォルダアドレスを保存させる方法もあります。