□何を実現したいのか
ユーザー選択で、選択肢を表示するにチェックを入れて、選択肢を20人設定し、
選択肢のユーザーが全て見えた状態で選択できるようにしたいです。
対象の画面はレコード追加・編集・再利用画面です。
□デフォルトの設定
デフォルトでは、CSSでセレクトボックスの高さを指定していました。
element.style{
height: 127px;
}
.control-multiple_select-field-gaia .multipleselect-cybozu
{
max-height: 153px;
}
□試したこと
CSSとJavascriptでそれぞれ高さを指定してみましたがセレクトボックスの高さを変更できませんでした。
ブラウザの開発者ツールのコンソールはエラーもありませんでした。
開発者ツールの画面とソースを添付します。
アドバイスをお願いいたします。
```javascriptファイルの設定
(() => {
'use strict';
// 高さを変更する
const adjustFieldHeight = () => {
const element = kintone.app.record.getFieldElement('ユーザー選択');
if (element) {
element.style.setProperty('max-height', 'none', 'important');
element.style.setProperty('height', '480px', 'important');
}
};
// レコード編集画面の表示後イベント
kintone.events.on('app.record.edit.show', adjustFieldHeight);
// レコード追加・再利用画面の表示後イベント
kintone.events.on('app.record.create.show', adjustFieldHeight);
})();
CSSファイルの設定
.control-multiple_select-field-gaia .multipleselect-cybozu
{
max-height: none;
height: 350px;
width: 100%;
}
```
,
