お世話になっております。
表題の件で困っております。
ポータルのお知らせ欄に顧客情報アプリを置いています。
しかし，顧客のお名前の欄がモニタによっては非常に狭くなってしまい，
名字1文字しか表示されないという問題が発生しています。
様々調べてみましたが、この問題を解決するにはどちらを参照すれば
良いのでしょうか…ご存知の方はご教授していただけますと幸いです。
よろしくお願いいたします。
Hiro さん
全体CSSで、幅を変更したい列のクラスを指定すればstyleを変更できるかと思いますが、DOM操作になるのであまりお勧めしません。
また、CSS適用すると、お知らせだけではなく、そのアプリの一覧画面にも影響が出そうです。
CSSカスタマイズは次の記事を参考していただければと思います。
http://qiita.com/will-yama/items/1dccd51a01f679e22448
提案にならないかもしれませんが、特に一覧に出さなくてもいいフィールドがある場合、フィールドを減らす方法もありますが…
Qiuxiang Su 様
お返事いただきありがとうございます。
記事をご紹介いただき、ありがとうございます。
CSSカスタマイズで行きたいと思います。
これに関連してもう1点ご質問させていただきたいのですが、よろしいでしょうか
CSSを記述するときのID名やクラス名はどうやって調べられているのでしょうか。
たとえばご紹介いただいた記事であれば「.recordlist-header-cell-gaia 」といったところです。
たびたび申し訳ありませんが、ぜひ教えてくださいすようお願い申し上げます。
Hiro様
＞CSSを記述するときのID名やクラス名はどうやって調べられているのでしょうか。
調べたい要素を右クリックして「検証」をクリックしますと、該当要素のソースコードが表示されます。
例えば、「部署」を右クリックして検証をクリックすると、ソースコードが表示され「部署」部分のコードが選択されます。
「部署」の上に一番近い＜th＞を探して、その＜th＞のClassに[label-2179]というのがあります。それは「部署」列のclassです。
CSSファイルに次のように入力して保存した後、
.label-2179{
width: 70px !important;
}
kintone右上の歯車 → kintoneシステム管理 → JavaScript/CSSによるカスタマイズでJavaScript/CSSカスタマイズ画面を開き、
CSSファイル欄に先保存したファイルをアップします。
※ !importantはCSSファイルの設定を優先させ、無理やりでスタイルを変更します。
上記のCSS変更はポータルだけではなく、該当アプリ一覧画面にも反映されます。
また、CSSを変更したフィールドは手動で幅を調整することができなくなります。
※DOM操作になるので、kintone更新されたら、カスタマイズが使えなくなる可能性があります。
詳細は次の【kintoneで使われているid/class属性について】をご参考ください。
https://cybozudev.zendesk.com/hc/ja/articles/201793484#step2
Qiuxiang Su 様
お返事いただきありがとうございます。
何から何まで教えていただいてありがとうございます。
早速実践してみたいと思います！