モデル駆動型フォームにキャンバス アプリを埋め込む

はじめに

ここでは、モデル駆動型フォームにキャンバスアプリを埋め込む方法について解説する。

事前準備

説明のため、ここではまず限りなく単純なサンプルのテーブル、モデル駆動型アプリ、キャンバスアプリを作成し、事前準備をします

サンプルのテーブル作成,

ここでは、以下のようなテーブル(デフォルトのName列のみ)を作成する。適当にデータも入れておく

サンプルのモデル駆動型アプリ作成

Table baseのモデル駆動型アプリを作成

前述で作成したテーブルを指定

SaveとPublishを忘れずに実施

サンプルのキャンバスアプリを作成

ここでは先ほど作成したテーブルを表示するアプリを作成。面倒であればテキストを表示するアプリなどでもよい。モデル起動型アプリに、キャンバスアプリを埋め込む方法を理解するのが目的なので、なんでもよい


前述で作成したテーブルを垂直ギャラリーで表示するよう設定

saveとPublishを忘れずに実施

これで準備は完了

キャンバスアプリを埋め込むための仮の列を追加

前述で作成したテーブルに、以下のようにキャンバスアプリを埋め込むための仮の列を追加

フォームに新たなタブを追加しそこに「キャンバスアプリを埋め込むための仮の列」を表示

まず、前述で作成したテーブルのFormsを表示

Mainを編集
「キャンバスアプリを埋め込むための仮の列」を表示するためのタブを作成
ラベルに適当な名前を付けて、その名前でタブが表示される事を確認
作成したタブに、前述で作成した「キャンバスアプリを埋め込むための仮の列」を挿入
以下のように挿入された事を確認
ここでSaveとPublishを実施(忘れずに)

フォームに埋め込んだ上記の列「キャンバスアプリを埋め込むための仮の列」をキャンバスアプリにすり替える

このすり替える作業は、クラッシクでないとできなのでクラッシクに切り替えます
canvas_columnをキャンバスアプリにすり替えるために、プロパティを編集します
コントロールを追加
Cancas appを追加
ここで、いよいよ「キャンバスアプリを埋め込むための仮の列」をキャンバスアプリにすり替えます。

まず、すり替え対象のキャンパスアプリのDetailsを表示して、AppIDを控え、その値を表示されたFieldPropertiesに設定します

「キャンバスアプリを埋め込むための仮の列」をキャンバスアプリにすり替えが完了したので、SaveとPublishを忘れずに実施

モデル駆動型アプリに埋め込んだ結果を確認

タブをクリック (留意点:必須項目の値をいれないと、なぜか埋め込んだキャンバスアプリが表示されません)

以下の通り、無事にモデル駆動型フォームにキャンバス アプリを埋め込むことができた