CROR

Googleのドキュメントフォーム をプチカスタマイズ

Google ドキュメント内にあるフォームをiFrameで埋め込む際、サイトのレイアウトに合わせて見た目を調整したいと思ったことはありませんか?

基本的にiFremeなので、当然サイト側のCSSは使えないし、
Googleが提供しているものなので、ソースを直に触ることもできません。

では、どうするか・・・
GETパラメータにて、スタイルを定義すればある程度は、変更することが可能です。

標準のフォームレイアウト

標準のGoogleフォーム

パラメータを追加してカスタマイズしたフォーム

上記、URLにGETパラメータを付与することで、スタイルを設定することができます。

■タイトルの非表示 ttl=0
■フォント名 f=serif
■テキストの色 tc=FF9933
■補足情報テキストの色 htc=cccccc
■言語 hl=ja
■背景色 bc=E6F7E7
■リンクテキストの色 lc=0000cc

パラメータを指定したフォームが下記になります。

google-form2

パラメータに「背景色」と「リンクテキスト」の色がありますが、
現バージョンでは使用できないようです。

デモフォームでは、
背景色は、下部分のみで、肝心なコンテンツ部分の色は変更されませんでした。
リンクテキストの色についても変化が見られませんでした。

記事作成:2014年6月6日時点

コメントを残す

Return Top