Google ドキュメント内にあるフォームをiFrameで埋め込む際、サイトのレイアウトに合わせて見た目を調整したいと思ったことはありませんか？
基本的にiFremeなので、当然サイト側のCSSは使えないし、
Googleが提供しているものなので、ソースを直に触ることもできません。
では、どうするか・・・
GETパラメータにて、スタイルを定義すればある程度は、変更することが可能です。
標準のフォームレイアウト
https://docs.google.com/forms/d/[form-ID]/viewform?embedded=true
パラメータを追加してカスタマイズしたフォーム
上記、URLにGETパラメータを付与することで、スタイルを設定することができます。
| ■タイトルの非表示 | ttl=0 |
| ■フォント名 | f=serif |
| ■テキストの色 | tc=FF9933 |
| ■補足情報テキストの色 | htc=cccccc |
| ■言語 | hl=ja |
| ■背景色 | bc=E6F7E7 |
| ■リンクテキストの色 | lc=0000cc |
パラメータを指定したフォームが下記になります。
https://docs.google.com/forms/d/[form-ID]/viewform?embedded=true &ttl=0&f=serif&tc=FF9933&htc=cccccc&hl=ja&bc=E6F7E7&lc=0000cc
パラメータに「背景色」と「リンクテキスト」の色がありますが、
現バージョンでは使用できないようです。
デモフォームでは、
背景色は、下部分のみで、肝心なコンテンツ部分の色は変更されませんでした。
リンクテキストの色についても変化が見られませんでした。
記事作成：2014年6月6日時点
コメント