埋め込みフォームとレポートのスタイル別URL設定

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

このトピックでは、Zoho Creator のフォームとレポートの外観をカスタマイズするために使用できるパラメーターを一覧で紹介します。これらのパラメーターは、ページに埋め込んだフォームやレポートにも適用できます。

フォームのプロパティ

説明	パラメーター／値
フォームヘッダーを非表示でフォームを表示	zc_Header=無効
フォームの背景色	zc_BgClr=<color 値>
フォームの枠線の色	zc_BdrClr=<color 値>
完了メッセージをカスタマイズ	zc_SuccMsg=<カスタムメッセージ>
背景を透過してフォームを埋め込む	zc_BgClr=transparent

メモ:

色の値は、CSS 値、16 進数値、または色名で指定できます。
例: zc_BgClr=_00FF00, zc_BgClr=lime, zc_BgClr=rgb(0, 255, 0)

フォームヘッダーのカスタマイズ

説明	パラメーター／値
ヘッダーの色	zc_HdrClr=<color 値>
ヘッダーの高さ	zc_HdrHeight=<ヘッダーの高さ（px または %）>
ヘッダーのフォント	zc_HdrFont=<ヘッダーのフォントファミリー>
ヘッダーのフォント色	zc_HdrFontClr=<color 値>
ヘッダーのフォントサイズ	zc_HdrFontSize=<ヘッダーのフォントサイズ>

メモ:

色の値は、CSS 値、16 進数値、または色名で指定できます。
例: zc_HdrClr=rgb(0, 255, 0), zc_HdrClr=_00FF00, zc_HdrClr=lime

幅と高さは px、% などの単位で指定できます。

フォームフッターのカスタマイズ

説明	パラメーター／値
フッターの色	zc_FtrClr=<color 値>
ボタンの背景色	zc_BtnBgClr=<color 値>
ボタンのフォント	zc_BtnFont=<フォントファミリー>
ボタンのテキスト色	zc_BtnClr=<color 値>
ボタンフッターの高さ	zc_FtrHeight=<フッターの高さ（px または %）>
マウスオーバー時のボタンの背景色	zc_BtnMovrBgClr=<color 値>
マウスオーバー時のボタンのテキスト色	zc_BtnMovrClr=<color 値>
ボタンのフォントサイズ	zc_BtnFontSize=<フッターのフォントサイズ>

メモ:

色の値は、CSS 値、16 進数値、または色名で指定できます。
Ex : zc_HdrClr=rgb(0, 255, 0), zc_HdrClr=_00FF00, zc_HdrClr=lime

幅と高さは px、% などの単位で指定できます。

フォーム項目の幅／高さのカスタマイズ

項目タイプ	項目の幅を指定するパラメーター	項目の高さを指定するパラメーター
1 行テキスト／メールアドレス	zc_InpFieldWidth=<width>	zc_InpFieldHeight=<height>
複数選択	zc_MultiSelectWidth=<width>	zc_MultiSelectHeight=<height >
ラジオボタン	zc_RadioWidth=<width>	zc_RadioHeight=<height>
判定チェックボックス	zc_DecisionCBWidth=<width>	zc_DecisionCBHeight=<height>
数値／小数／パーセント／通貨	zc_NumberFieldWidth=<width>	zc_NumberFieldHeight=<height>
複数行テキスト	zc_TextAreaWidth=<width>	zc_TextAreaHeight=<height>
日付	zc_DateWidth=<width>	zc_DateHeight=<height>
日時	zc_DateTimeWidth=<width>	zc_DateTimeHeight=<height>
チェックボックス	zc_CheckBoxesWidth=<width>	zc_CheckBoxesHeight=<height>
ドロップダウン	zc_DropDownWidth=<width>	zc_DropDownHeight=<height>

メモ:

幅と高さは px または % で指定できます

レポートカスタマイズ

説明	パラメーター /値
レポート - ヘッダーの色	zc_HdrClr=<カラー値>
レポート - 枠線の色	zc_BdrClr=<カラー値>
レポート - グループヘッダーの色	zc_GrpHdrClr=<カラー値>
検索オプションを表示するかどうか	zc_Search=<真/false>
「レポート名」を表示/非表示にする	zc_ReportName=<真/false>
「Show As（メニュー）」を表示/非表示にする	zc_ShowAs=<真/false>
データ概要リンクを表示/非表示にする	zc_Summary=<真/false>
「追加」リンクを表示/非表示にする	zc_AddRec=<真/false>
「削除」リンクを表示/非表示にする	zc_DelRec=<真/false>
レポートヘッダーを表示/非表示にする	zc_Header=<真/false>
レポートフッターを表示/非表示にする	zc_Footer=<真/false>
レポート内のフィルターを表示/非表示にする	zc_Filter=<真/false>
列のドロップダウンメニューを表示/非表示にする	zc_ColMenu=<真/false>
集計行を表示/非表示にする	zc_SumRow=<真/false>
各データの「編集」リンクを表示/非表示にする	zc_EditRec=<真/false>
「複製」オプションを表示/非表示にする	zc_DuplRec=<真/false>
「保存」オプションを表示/非表示にする。グリッドレポートにのみ適用されます	zc_SaveRec=<真/false>
カレンダーレポートを表示する基準となる項目の Deluge 名カレンダーレポートにのみ適用されます	zc_CalField=<delugeName>
各データの選択チェックボックスを表示/非表示にする	zc_RecSelect=<真/false>
セカンダリヘッダー（データ選択、追加、フィルター、検索、メニュー配下のその他の処理）をレポートで表示/非表示にする	zc_SecHeader=<真/false>
「一括編集」リンクを表示/非表示にする	zc_EditBulkRec=<真/false>
「一括削除」リンクを表示/非表示にする	zc_BulkDelete=<真/false>
「一括複製」リンクを表示/非表示にする	zc_BulkDuplicate=<真/false>
「エクスポート」オプションを非表示にする	zc_Export=真（初期設定では無効）
「印刷」オプションを非表示にする	zc_Print=真（初期設定では無効）
データレベルの印刷オプションを非表示にする	zc_RecPrint=無効（初期設定では真）
「その他の操作」を非表示にする	zc_MoreAction=無効（初期設定では真）
インポートオプションを表示/非表示にする	zc_Import=<真/false>

メモ:

カラー値は CSS 値、16 進数値、または色名で指定できます。例: zc_HdrClr=rgb(0, 255, 0)、zc_HdrClr=_00FF00、zc_HdrClr=lime

Examples

ページ内に埋め込んだフォームをカスタマイズするには、以下のサンプルコードのように、params=' の後に必要なパラメーターを追加します。

<div elName='zc-component' formLinkName='営業'params='zc_Header=真&zc_SuccMsg=Data Added Sucessfully!&zc_SubmitVal=送信する&zc_ResetVal=リセットする&zc_HdrFontClr=Blue&zc_HdrFontSize=20'>読み込み中 Form..</div>
ページ内に埋め込んだレポートをカスタマイズするには、以下のサンプルコードのように、params=' の後に必要なパラメーターを追加します。

<div elName='zc-component' reportLinkName='Sales_Report' params='zc_Summary=無効&zc_Filter=無効&zc_ColMenu=無効'>読み込み中レポート...</div>