首页 > SAP > SAPUI5 > Custom Header in sap.m.Page in SAPUI5 application
2019
08-27

Custom Header in sap.m.Page in SAPUI5 application

Hello everyone, In this SAPUI5 tutorial we will learn how to set the custom Header in sap.m.Page in SAPUI5 application.

1. Below is the standard page header available when you use the sap.m.Page.

Custom Header in sap.m.Page in SAPUI5 application - 第1张  | 优通SAP

2. Sample XML code for the above page is below.

3. Now we going to replace the header with our custom Header. To do this we need to sap.m.Bar has our new custom header. Inside the bar we are going add the content.Below is the sample code for the custom Header in sap.m.Page.

4. Now see the output, we have added a Label , Search Field and a Button in the header of the Page.

Custom Header in sap.m.Page in SAPUI5 application - 第2张  | 优通SAP

[adsenseyu1]

You have successfully added custom header in sap.m.Page in SAPUI5 application.

Please stay tuned to us for more SAPUI5 tutorials.Please feel free to comment and let us know your feedback. You feedback will keep us alive.

Thank you.

最后编辑:
作者:yangsen
本站为个人博客网站,全由我个人维护,我从事SAP开发13年,其它ERP开发7年,基本都是零售行业。本站记录工作学习的过程, 有SAP相关询问专、兼职工作可随时联系我。 有网站相关的问题可直接在文章下方留言,或者联系我。 邮件:yan252@163.com给我。 QQ:415402519

留下一个回复

你的email不会被公开。

eleven + 13 =