Skip to Content

Archived discussions are read-only. Learn more about SAP Q&A

Icon Tab Bar Related Issue

Hi All,

I am trying to display some basic info of a customer in the icon tab bar but data is not displayed.

below are my code.

Demo.JS: Here i defined icontabbar and added into the page. and in the content of the icon tab bar i called a new page basicinfo.

var iconTabBar = new sap.m.IconTabBar({

             expanded : "{device>/isNoPhone}",

           items : [ new sap.m.IconTabFilter({

             key : "Info",

              icon : "sap-icon://hint",

             

              text:"Basic Info" ,

              content:[

                        sap.ui.view({type:sap.ui.core.mvc.ViewType.JS, viewName:"salesorderv2.basicInfo"})

                      ]

  

           })

});

return new sap.m.Page({
title: "Customer Detail",

iconTabBar

]

});

basicInfo.js:


var simpleFormLayout112=new sap.ui.layout.form.SimpleForm("formIdBasic",{

  title:"Customer Detail",

  content:[

          new sap.ui.commons.Label({text:"Phone Number"}),

          new sap.ui.commons.TextField("phonenumberb",{width:'100%',editable:false,value:"343434"}),

         

          new sap.ui.commons.Label({text:"Email Address"}),

          new sap.ui.commons.TextField("emailAddressb",{width:'100%',editable:false,value:"san"}),

         

          new sap.ui.commons.Label({text:"Web Address"}),

          new sap.ui.commons.TextField("webAddressb",{width:'100%',editable:false,value:"sasa"}),

         

          new sap.ui.commons.Label({text:"Address Val Start Date"}),

          new sap.ui.commons.TextField("addressValStartDateb",{width:'100%',editable:false,value:"22/12/2012"}),

         

          new sap.ui.commons.Label({text:"Address Val End Date"}),

          new sap.ui.commons.TextField("addressValEndDateb",{width:'100%',editable:false,value:"rereer"}),

         

          new sap.ui.commons.Label({text:"CreatedAt Date"}),

          new sap.ui.commons.TextField("createdAtb",{width:'100%',editable:false,value:"12/12/2014"})

          ]

  });

  return new sap.m.Page({

  title: "Data Basic",

  content: [

         

                   simpleFormLayout112

  ]

  });

so this data in basicinfo should get displayed in the demojs icontabbar content.

what is getting displayed is only title.

Regards,

Santosh.

Former Member
Not what you were looking for? View more on this topic or Ask a question