FormBridgeのフォームの背景に色を設定することは標準機能でできますが、指定の画像を設定する方法を教えていただけますでしょうか?
以下ヘルプページがその仕様になると思いますが、知識がなく具体的なコードをご教授いただけると幸いです。
画像については、Web上にある者ではなく、pngファイルなどローカルにある画像です。base64にエンコードしたものを設定する形になるのでしょうか?
完成イメージですがMSのFormsみたい(添付画像)にできればいいなと思っています。
FormBridgeのフォームの背景に色を設定することは標準機能でできますが、指定の画像を設定する方法を教えていただけますでしょうか?
以下ヘルプページがその仕様になると思いますが、知識がなく具体的なコードをご教授いただけると幸いです。
画像については、Web上にある者ではなく、pngファイルなどローカルにある画像です。base64にエンコードしたものを設定する形になるのでしょうか?
完成イメージですがMSのFormsみたい(添付画像)にできればいいなと思っています。
画像については、Web上にある者ではなく、pngファイルなどローカルにある画像です。base64にエンコードしたものを設定する形になるのでしょうか?
という部分が必須条件なのか、よくわからなかったのですが
コンソール画面上で
const base64Image =
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAHCCAIAAAC8ESAzAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAsCSURBVHhe7d3NUfNmG4DRr5avngylsKMMGqAFVimAYcuCBtiwYYYCaCDB/FiSLduCQAy5zjNn84JkQxa6cj+2xf/+/+cfAJAlhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEA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"
const backgroundElement = document.querySelector('.fb-custom--background');
if (backgroundElement) {
backgroundElement.style.setProperty('background-image', `url(${base64Image})`, '');
}
とすると
質問者は何をして、何をしていないのか、何がわからないのかがわからず推測です。
aaaさん
ご回答ありがとうございます。また、説明がわかりづらくすみません。
教えていただいたサンプルコードをjavascriptを使用するとフォームに反映されました。
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。