【フォームブリッジ】 チェックボックスの選択項目の下にそれぞれ説明文を追加したい 杉田 典子 2022年08月08日 08:07 フォームブリッジで作成したチェックボックス選択肢にリンク付き説明文を追加したいのですが、実装方法が分かりません。 どのようにカスタマイズしたらできるのか、どうかご教授下さい。 1
5件のコメント
杉田 典子さん
こんにちは。
以下で各チェックボックスの要素を取得できます。
ここに説明文のdiv要素を追加します。
CHECKBOX_DESCRIPTION配列に各説明文を定義しておき、繰り返し処理にすれば簡潔に書けます。
ご教授いただき、ありがとうございます。
こちらのコードを参考にして希望通りの動きが出来ました。
追加で質問させて頂きます。
スマートフォンで表示する際に説明文&リンクが非表示となってしまいますが、
表示は出来ないのでしょうか。
別のカスタマイズで表示可能でしたら、こちらもご教授頂けると幸いです。
「スマートフォン用フィールドの設定」を使われてますか?
この場合はHTMLの要素が変わるため、コードが異なります。
前段は省略しますが、
fb.getElementByCode('チェックボックスのフィールドコード').getElementsByClassName('el-button mobile-button el-button--default')[i]
で各チェックボックスの要素を取得できますので、これらに対して説明文の要素をappendChildで追加します。
ありがとうございます。
スマートフォン用は別の要素で取得しなければいけないのですね。
ご教授いただいたコードでやってみます。