読取専用オブジェクトの文字が灰色で表示される
公開日:2021/09/27
- クラウド
- V5.4
- V5.3
- V5.2
- V5.1
- V5.0
読取専用を設定したコンボボックスの文字が以下のようにグレーアウトした状態で表示されます。
何が原因でしょうか。
ブラウザーの仕様により、ご利用のブラウザーによっては
読取専用オブジェクトの見た目がグレーアウトします。
CSSを利用することで読取専用オブジェクトの表示を変更することができます。
設定方法は、以下よりご利用のフォーム形式の内容をご確認ください。
・フォームをご利用の場合
・旧バージョン形式のフォーム(JSP)をご利用の場合
◆フォームをご利用の場合
以下の手順でCSSファイルを登録し、読取専用オブジェクトに適用してください。
1 ) 以下のCSSをテキストファイルに記述し、拡張子を「css」にしてCSSファイルを作成します。
※ファイル名は任意ですが、半角英数字に限ります。
※ファイルはUTF-8形式で作成してください。
.SAMPLE_MOD_STYLE{
/* 文字色変更 */
color: #000000;
/* 不透明度 */
opacity: 1;
}
2 ) フォームマネージャーにログインします。
3 ) メイン画面の[JavaScript・CSS]アイコンをクリックして、[JavaScript・CSS管理]画面を表示します。
4 ) [CSS]タブをクリックします。
5 ) [アップロード]ボタンをクリックして、手順1で作成したCSSファイルを登録します。
6 ) [閉じる]ボタンをクリックして、[JavaScript・CSS管理]画面を閉じます。
7 ) CSSを適用したいフォームを一覧画面からクリックし、Formエディターで
申請フォームまたは承認フォームを表示します。
8 ) メニューから[オブション]-[アクション]-[JavaScript/CSSの登録]をクリックします。
9 ) [設定]ボタンをクリックして、[CSSファイルの登録]画面を表示します。
10 ) [未選択のCSSファイル]項目から手順5で登録したCSSファイルを[選択されているCSS]項目に追加します。
11 ) [OK]ボタンをクリックして、[CSSの登録]画面と[JavaScript/CSSの登録]画面を閉じます。
12 ) フォーム上から読取専用が有効となっているコンボボックスをクリックしてプロパティを表示します。
13 ) [HTML]タブをクリックし、[CSSクラス名]項目に登録したいCSSクラスを記述します。
サンプルCSSの場合、以下のように「SAMPLE_MOD_STYLE」と記述します。
14 ) [OK]ボタンをクリックして、プロパティを閉じます。
15 ) フォームを保存・アップロード後、読取専用オブジェクトの表示が変化していることを確認します。
◆旧バージョン形式のフォーム(JSP)をご利用の場合
以下の手順を参考に、CSSファイルを登録し、読取専用オブジェクトに適用してください。
1 ) 以下のCSSをテキストファイルに記述し、拡張子を「css」にしてCSSファイルを作成します。
※ファイル名は任意ですが、半角英数字に限ります。
※登録するファイルはUTF-8形式で作成してください。
.SAMPLE_MOD_STYLE{
color: #000000!important;
opacity: 1!important;
}
2 ) フォームマネージャーにログインします。
3 ) メイン画面の[JavaScript・CSS]アイコンをクリックして、[JavaScript・CSS管理]画面を表示します。
4 ) [CSS]タブをクリックします。
5 ) [アップロード]ボタンをクリックして、手順1で作成したCSSファイルを登録します。
6 ) [閉じる]ボタンをクリックして、[JavaScript・CSS管理]画面を閉じます。
7 ) CSSを適用したいフォームを一覧画面からクリックし、Formエディターで
申請フォームまたは承認フォームを表示します。
8 ) メニューから[オブション]-[アクション(JSP)]-[JavaScript/CSSの登録]をクリックします。
9 ) [設定]ボタンをクリックして、[CSSファイルの登録]画面を表示します。
10 ) [未選択のCSSファイル]項目から手順5で登録したCSSファイルを[選択されているCSS]項目に追加します。
11 ) [OK]ボタンをクリックして、[CSSの登録]画面と[JavaScript/CSSの登録]画面を閉じます。
12 ) フォーム上から読取専用が有効となっているコンボボックスをクリックしてプロパティを表示します。
13 ) [JSP]タブをクリックし、[CSSクラス名]項目に登録したいCSSクラスを記述します。
サンプルCSSの場合、「SAMPLE_MOD_STYLE」と記載します。
14 ) [OK]ボタンをクリックして、プロパティを閉じます。
15 ) フォームを保存・アップロード後、読取専用オブジェクトの表示が変化していることを確認します。
アンケート
この質問・回答は役に立ちましたか?