Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 
masa_139
Product and Topic Expert
Product and Topic Expert


SAPクラウド演習 BUILD-3. 画面のプロトタイプ Page 2後半 の続きです。

Page 3 の完成イメージはこんな画面です。



 


Page 3. に以下を設定してください。

  • Main Object を Review オブジェクトに設定

  • Page Header に 評価コメント

  • Footer は非表示

  • Navigation は表示

  • ACTIONS で戻るボタンが押されたら page 2 へ

  • Content の下に Simple Form を追加




Simple Form の下に Title 1つ、(Label+Text)X3 と Label + Rating Indicator を配置します。



メイン画面でテキストを選択して、ラベル名を変更します。



残りの項目に値をバインドします。

項目を選択すると、右側にプロパティが表示されますので、以下の値を割り当てます。

オブジェクトが階層になっていますので、何回かクリックすると目的のプロパティ画面が表示されます。



  • Simple Form Title = Name

  • ユーザ = Author Name

  • 国 = Country

  • コメント = Comment

  • 評価 = Rating




これで Page 3 は完成です。



 



2. PREVIEW でテスト


完成したら プレビュー・モードでテストしてください。





3. Publish して最終 Study へ


プロトタイプを Publish して、Study で使えるようにします。



Publish されると、テストできるURLが生成されます。



ハンズオン・シリーズ:クラウドでのアプリ開発: SAP Web IDE on HCP ハンズオン - まとめ