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

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

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

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

フォームのプロパティ

説明 パラメーター/Value
フォームヘッダーなしでフォームを表示 zc_Header=false
フォームの背景色 zc_BgClr=<color value>
フォームの枠線の色 zc_BdrClr=<color value>
成功メッセージのカスタマイズ zc_SuccMsg=<custom message>

透明な背景でフォームを埋め込み

 zc_BgClr=transparent

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

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

説明 パラメーター/Value
ヘッダーの色 zc_HdrClr=<color value>
ヘッダーの高さ zc_HdrHeight=<header height in px or %>
ヘッダーのフォント zc_HdrFont=<header font family>
ヘッダーのフォント色 zc_HdrFontClr=<color value>
ヘッダーのフォントサイズ zc_HdrFontSize=<header font size>

Notes
メモ。
色の値は、CSS、16進数値、または色名で指定できます。
例：zc_HdrClr=rgb(0, 255, 0), zc_HdrClr=_00FF00, zc_HdrClr=lime
幅と高さは、px、%などで指定できます。

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

説明 パラメーター /Value
フッターの色 zc_FtrClr=<color value>
ボタンの背景色 zc_BtnBgClr=<color value>
ボタンのフォント zc_BtnFont=<font family>
ボタンのテキスト色 zc_BtnClr=<color value>
フッターの高さ zc_FtrHeight=<footer height in px or %>
マウスオーバー時のボタンの背景色 zc_BtnMovrBgClr=<color value>
マウスオーバー時のボタンのテキスト色 zc_BtnMovrClr=<color value>
ボタンのフォントサイズ zc_BtnFontSize=<footer font size>

Notes
メモ。
色の値は、CSS、16進数値、または色名で指定できます。
例：zc_HdrClr=rgb(0, 255, 0), zc_HdrClr=_00FF00, zc_HdrClr=lime
幅と高さは、px、%などで指定できます。

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

項目の種類 項目の幅のパラメーター 項目の高さのパラメーター
1行/Email zc_InpFieldWidth=<width> zc_InpFieldHeight=<height>
複数選択 zc_MultiSelectWidth=<width> zc_MultiSelectHeight=<height >
ラジオボタン zc_RadioWidth=<width> zc_RadioHeight=<height>
決定ボックス zc_DecisionCBWidth=<width> zc_DecisionCBHeight=<height>
数値/Decimal/Percent/Currency 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または%で指定できます。

 レポートのカスタマイズ

説明
パラメーター /Value
レポート-ヘッダーの色
zc_HdrClr=<color value>
レポート-枠線の色
zc_BdrClr=<color value>
レポート-グループヘッダーの色
zc_GrpHdrClr=<color value>
検索オプションの表示
zc_Search=<true/false>
表示/Hide「レポート名」
zc_ReportName=<true/false>
表示/Hide「ShowAs(Menu)」
zc_ShowAs=<true/false>
表示/Hideデータの概要リンク
zc_Summary=<true/false>
表示/Hide［追加］リンク
zc_AddRec=<true/false>
表示/Hide［削除］リンク
zc_DelRec=<true/false>
表示/Hideレポートヘッダー
zc_Header=<true/false>
表示/Hideレポートフッター
zc_Footer=<true/false>
表示/Hideレポート内のフィルター
zc_Filter=<true/false>
表示/Hide列のドロップダウンメニュー
zc_ColMenu=<true/false>
表示/Hide合計行
zc_SumRow=<true/false>
表示/Hide各データの［編集］リンク
zc_EditRec=<true/false>
表示/Hide［複製］オプション
zc_DuplRec=<true/false>
表示/Hide［保存］オプション。グリッドレポートにのみ適用されます
zc_SaveRec=<true/false>
カレンダーレポートの表示基準となる項目のDeluge名
を指定します。カレンダーレポートにのみ適用されます
zc_CalField=<delugeName>
表示/Hide各データの選択チェックボックス
zc_RecSelect=<true/false>
/Hideセカンダリーヘッダー（データの選択、追加、
フィルター、検索、メニュー内のその他の操作）をレポートに表示zc_SecHeader=<true/false>
zc_SecHeader=<true/false>
表示/Hide［一括編集］リンク
zc_EditBulkRec=<true/false>
表示/Hide［一括削除］リンク
zc_BulkDelete=<true/false>
表示/Hide［一括複製］リンク
zc_BulkDuplicate=<true/false>
［エクスポート］オプションを非表示
zc_Export=true（初期値はfalse）
［印刷］オプションを非表示
zc_Print=true（初期値はfalse）
データ単位の印刷オプションを非表示
zc_RecPrint=false（初期値はtrue）
［その他のオプション］を非表示
zc_MoreAction=false（初期値はtrue）
表示/Hideインポートオプション
zc_Import=<true/false>
Notes
メモ。
色の値は、CSS、16進数値、または色名で指定できます。例：zc_HdrClr=rgb(0, 255, 0), zc_HdrClr=_00FF00, zc_HdrClr=lime

例

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

    <div elName='zc-component' formLinkName='Sales'params='zc_Header=true&zc_SuccMsg=データが正常に追加されました！&zc_SubmitVal=送信&zc_ResetVal=リセット&zc_HdrFontClr=Blue&zc_HdrFontSize=20'>フォームを読み込んでいます..</div>

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

    <div elName='zc-component' reportLinkName='Sales_Report' params='zc_Summary=false&zc_Filter=false&zc_ColMenu=false'>レポートを読み込んでいます...</div>


注意点

  1. モバイルアプリの埋め込みコンポーネント：初期設定では、<div>タグを使用してHTMLスニペットに埋め込まれたコンポーネント（フォーム、レポート、ページ）は、ネイティブのZoho Creatorモバイルアプリでボタンとして表示されます。ボタンではなく埋め込みコンポーネントをそのまま表示するには、<div>タグ内に'zc_mobileview=inline'パラメーターを追加します。