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

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

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

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

フォームのプロパティ

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

背景を透過してフォームを埋め込む

 zc_BgClr=transparent

Notes
メモ:
色の値は、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=<ヘッダーのフォントサイズ>

Notes
メモ:
色の値は、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=<フッターのフォントサイズ>

Notes
メモ:
色の値は、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>

Notes
メモ:
幅と高さは 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>
Notes
メモ:
カラー値は CSS 値、16 進数値、または色名で指定できます。例: zc_HdrClr=rgb(0, 255, 0)、zc_HdrClr=_00FF00、zc_HdrClr=lime

Examples

  1. ページ内に埋め込んだフォームをカスタマイズするには、以下のサンプルコードのように、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>

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

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