FAQ

読取専用オブジェクトの文字が灰色で表示される

公開日:2021/09/27

  • Cloud
  • V5.2
  • V5.1
  • V5.0

Question

読取専用を設定したコンボボックスの文字が以下のようにグレーアウトした状態で表示されます。
何が原因でしょうか。

2344_5.PNG

Answer

ブラウザーの仕様により、ご利用のブラウザーによっては
読取専用オブジェクトの見た目がグレーアウトします。

CSSを利用することで読取専用オブジェクトの表示を変更することができます。
設定方法は、以下よりご利用のフォーム形式の内容をご確認ください。
フォームをご利用の場合
旧バージョン形式のフォーム(JSP)をご利用の場合

◆フォームをご利用の場合
 以下の手順でCSSファイルを登録し、読取専用オブジェクトに適用してください。
 1 ) 以下のCSSをテキストファイルに記述し、拡張子を「css」にしてCSSファイルを作成します。
   ※ファイル名は任意ですが、半角英数字に限ります。
   ※ファイルはUTF-8形式で作成してください。

.SAMPLE_MOD_STYLE{
/* 文字色変更 */
color: #000000;
/* 不透明度 */
opacity: 1;
}

 2 ) フォームマネージャーにログインします。
 3 ) メイン画面の[JavaScript・CSS]アイコンをクリックして、[JavaScript・CSS管理]画面を表示します。

   2344_1.PNG

 4 ) [CSS]タブをクリックします。
 5 ) [アップロード]ボタンをクリックして、手順1で作成したCSSファイルを登録します。

   2344_2.PNG

 6 ) [閉じる]ボタンをクリックして、[JavaScript・CSS管理]画面を閉じます。
 7 ) CSSを適用したいフォームを一覧画面からクリックし、Formエディターで
   申請フォームまたは承認フォームを表示します。
 8 ) メニューから[オブション]-[アクション]-[JavaScript/CSSの登録]をクリックします。
 9 ) [設定]ボタンをクリックして、[CSSファイルの登録]画面を表示します。

   2344_3.PNG

 10 ) [未選択のCSSファイル]項目から手順5で登録したCSSファイルを[選択されているCSS]項目に追加します。
 11 ) [OK]ボタンをクリックして、[CSSの登録]画面と[JavaScript/CSSの登録]画面を閉じます。
 12 ) フォーム上から読取専用が有効となっているコンボボックスをクリックしてプロパティを表示します。
 13 ) [HTML]タブをクリックし、[CSSクラス名]項目に登録したいCSSクラスを記述します。
   サンプルCSSの場合、以下のように「SAMPLE_MOD_STYLE」と記述します。

    2344_4.PNG

 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 ) フォームを保存・アップロード後、読取専用オブジェクトの表示が変化していることを確認します。

アンケート

この質問・回答は役に立ちましたか?

このページのよい点、悪い点を教えてください!FAQ改善の参考とさせていただきます。

  • 個人情報は入力されないようご注意ください。
    弊社からの回答をご希望の場合は、画面上部のメニューより「お問い合わせ」をご利用ください。
  • 最後に「送信」を押すことでコメントが送信されます。

検索