HTMLスニペットの作成と管理

HTMLスニペットの作成と管理

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

スニペットは、単体で利用できる再利用可能なコードで、追加の機能を実装するために使用します。HTML スニペットとは、HTML で記述されたコードの一部分です。これを使って、リスト表示、スタイルの異なるボタン、テキスト表示、カスタマイズした検索バーなど、さまざまな要素を作成できます。

ページに HTML スニペットを追加する

  1. アプリを編集します。
  2. [Design]タブに移動し、ページビルダーを開きます。
  3. ページビルダーで、左側の[Snippets]をクリックし、[HTML Snippet]をページ上の目的の位置にドラッグ&ドロップします。HTML Snippetエディターが表示されます。

  4. 必要な HTML コードを追加します。下の画像は、HTML スニペット内でデータ ID を使用してデータ詳細をフィルターし表示するためのサンプルコードを示しています。

  5. [保存]をクリックし、エディターを閉じます。
  6. 公開済みページにアクセスすると、対応するスニペットが表示されます。

モバイル専用パラメーター

HTML スニペットでは、<div> タグや <iframe> タグを使用してフォームやレポートを埋め込むことができます。これらのタグは、その性質上、対象コンポーネントに対するエンドユーザーの Web ブラウザーでの表示体験を最適化します。また、

パラメーターと値 適用対象 目的
zc_MobileViewTitle=無効 フォームとレポート ページ上でコンポーネントのタイトルを非表示にする
zc_MobileViewHeaderMenu=無効 フォームとレポート コンポーネントのヘッダーメニューを非表示にする
zc_MobileViewFooterMenu=無効 レポート フッターを非表示にする
zc_MobileViewSearch=真 レポート レポートの検索ボタンを表示する
zc_MobileViewGroup=真 レポート レポートのグループ化ボタンを表示する
zc_MobileViewSort=真 レポート ソート済みのレポートを表示する
zc_MobileViewAddRec=真 レポート [データを追加]ボタンを表示する
zc_MobileViewDelBulkRec=真 レポート [データを一括削除]ボタンを表示する
zc_MobileViewDuplBulkRec=真 レポート [データを一括複製]ボタンを表示する
zc_MobileViewEditBulkRec=真 レポート [データを一括編集]ボタンを表示する
zc_MobileViewExport=真 レポート [エクスポート]ボタンを表示する
zc_MobileViewAutoFilter=真/false レポート レポートで自動フィルターオプション(設定されている場合)を表示/非表示にする
zc_MobileViewCustomFilter=真/false レポート レポートでカスタムフィルターオプション(設定されている場合)を表示/非表示にする
zc_MobileViewRecCount=真/false レポート レポート内の合計レコード数を表示/非表示にする