レイアウトを登録する

登録手順

こちらから操作動画もご覧いただけます。

 

  1. フリーレイアウト一覧画面の「レイアウト」タブを選択します。

  2. 一覧の右側にある「登録」ボタンを押下すると登録画面が表示されます。 



  3. 各必須項目を入力します。
    タブを追加」ボタンを押下するとタブ追加画面が表示されます。
    タブ名を入力し、タブ種別から「ブロック」または「HTML」を選択後、「追加」ボタン押下でタブを追加できます。

    free9.png

    タブについては、アプリ画面のヘッダー部に表示されます。
    (イメージ図)



 

 レイアウトのタブについて
・タブが1個の場合は、SDKではタブは表示されず、2個以上のときに表示されます。
・1レイアウトあたり最大10個のタブが設定できます。

 

ブロックタブ設定

  1. 追加したブロックタブの「コンテンツを追加」を押下するとレイアウト登録画面が表示され、「動的コンテンツ」「静的コンテンツ」「カルーセル」を選択できます。



  2. 動的コンテンツ」の場合、選択した対象にあわせて設定項目が変化します。

  3. 静的コンテンツ」の場合、画像とテキストなどの項目を設定できる「コンテンツ」タブと、余白や文字カラーなどを設定できる「スタイル」タブがあります。

    free4.png

    free4 (1).png

  4. カルーセル」の場合、画像やテキスト、スライドなどの項目を設定できる「コンテンツ」タブと、余白や文字カラーなどを設定できる「スタイル」タブがあります。

    free5.png

    free6.png

 

 「静的コンテンツ」で利用できるスタイルについて
以下のレイアウト変更が可能です。
・マージン設定
・バディング設定
・ブロック全体の背景カラー設定
・ブロック全体の角の丸みを設定
・ブロック全体のシャドウを設定
・罫線のカラーと太さの設定
・タイトルの文字カラー、サイズ、太字、配置の設定
・本文の文字カラー、サイズ、太字、配置の設定

 「カルーセル」で利用できるスタイルについて
以下のレイアウト変更が可能です。
・ブロック全体の背景カラー設定
・タイトルの文字カラー、サイズ、太字、配置の設定

 

HTMLタブの設定

  1. 追加した「HTML」タブを押下すると、レイアウト登録画面が表示されます。

    Untitled (41).png

  2. URLにはWebViewとして表示させたいURLを入力します。

このセクションの記事

解決できましたか?

改善のため、アンケートにご協力ください。

0人中0人がこの記事が役に立ったと言っています

コメント

0件のコメント

間違いや、他の内容について知りたいことなどがあればコメントを残してください。
任意のメールアドレスとパスワードで登録・サインインができ、お問い合わせの状況もご確認いただけます。

サインインしてコメントを残してください。