I am trying to put shell in my application but getting problem in displaying navigation button and tittle of the page

[former_member187188]

View

<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"

  controllerName="form.view3" xmlns:html="http://www.w3.org/1999/xhtml"

  xmlns:l="sap.ui.layout" xmlns:f="sap.ui.layout.form" xmlns:u="sap.ui.unified"

  xmlns:t="sap.ui.table">

          <u:Shell

  id="myShell"

  icon="{/logo}">

  <u:headItems>

  <u:ShellHeadItem

  tooltip="Home"

  icon="sap-icon://home"

  visible="true"

  press="handlePressHome" />

  </u:headItems>

  <u:headEndItems>

  <u:ShellHeadItem

  icon="sap-icon://search"

  press="handlesearch" />

  </u:headEndItems>

  <u:user>

  <u:ShellHeadUserItem

  image="sap-icon://person-placeholder"

  username="Karl Mustermann"

  press="handleUserItemPressed" />

  </u:user>

  </u:Shell> 

  <Page title="New Manual Posting" enableScrolling="true"  showNavButton="true" >

  <content>

  <Wizard id="Wizard" showNextButton="false">

  <WizardStep id="w1"

  title="Document Setup"

  validated="true" >

  <f:SimpleForm id="SimpleFormDisplay480" minWidth="1024"

  maxContainerCols="1" editable="false" layout="ResponsiveGridLayout"

  labelSpanL="4" labelSpanM="4" emptySpanL="0"

  emptySpanM="0" columnsL="1" columnsM="1">

  <f:content>

  <VBox>

                 <Label text="Posting Type" labelFor="dob1" />

  <ComboBox id="dob1" width="25%" selectionChange="onSelect">

  <items>

  <core:Item text="Direct activity allocation" key="2" />

  <core:Item text="Statictiscal figure" key="3" />

  </items>

  </ComboBox>

  </VBox>

  </f:content>

  </f:SimpleForm>

  </WizardStep>

  <WizardStep id="w2"

  title=""

  validated="false">

  </WizardStep>

  <WizardStep id="w3"

  title=""

  validated="false">

  </WizardStep>

  </Wizard>

  </content>

  <footer >

  <Bar>

  <contentRight>

  <Button id="post" text="post" press="handleEditPress" />

  <Button id="cancel" text="Cancel" press="handleCancelPress" />

  <core:Icon

  src="sap-icon://action"

  class="size1"

  color="#fff" >

  </core:Icon>

  </contentRight>

  </Bar>

  </footer>

  </Page>

</core:View>

output

In the output i am not getting navigation button and tittle which i defined in <Page >

Expected output

Kindly help me out in this.

Regards,

Abhishek

[saivellanki · Accepted solution]

Hi Abhishek,

You are using two containers in your application - sap.ui.unified.Shell (Shell) and sap.m.Page(Page).

Shell is being used as the main container in the app, it has occupied full space with width:"100%" and height "100%". If you want to display the page using shell then you can make use of default aggregation of shell - content.

Check the output here: JS Bin - Collaborative JavaScript Debugging

Regards,

Sai Vellanki.

[former_member187188 · Accepted solution]

Thanks Sai for your reply.

Now i am getting my expected output .

Regards,

Abhishek