on 09-11-2014 10:57 AM
Hi All,
Is there a possibilty of using a NavContainer inside a sap.m.Dialog fragment . In PopOver it is possible to have it done but when trying with Dialog nothing is rendered inside the dialog . Here is the code :
<core:FragmentDefinition xmlns:core="sap.ui.core"
xmlns:layout="sap.ui.layout" xmlns="sap.m">
<Dialog title="Customer Search" type="Message">
<NavContainer id="navCon">
<Page id="master" title="Search ">
<Label text="Customer Name"></Label>
<Input></Input>
<Label text="Payer Code"></Label>
<Input></Input>
<Label text="Customer City"></Label>
<Input></Input>
<Label text="Customer Postal Code"></Label>
<Input></Input>
<Label text="SBU" />
<layout:ResponsiveFlowLayout>
<RadioButton groupName="supplierCaused" text="Yes" />
<RadioButton groupName="supplierCaused" text="No" />
<RadioButton groupName="supplierCaused" text="No" />
</layout:ResponsiveFlowLayout>
<Label text="CBT"></Label>
<Select id="searchCBT" width="100%"></Select>
<Label text="Region" />
<layout:ResponsiveFlowLayout>
<RadioButton groupName="hisTransaction" text="Yes" />
<RadioButton groupName="hisTransaction" text="No" />
<RadioButton groupName="hisTransaction" text="No" />
</layout:ResponsiveFlowLayout>
</Page>
<!--
<Page id="detail" showNavButton="true" navButtonPress="onNavBack"
title="Product">
<Label text="Search Results" />
</Page> -->
</NavContainer>
<beginButton>
<Button text="Random" press="onDialogClose" />
</beginButton>
</Dialog>
</core:FragmentDefinition>
Regards
Mayank
Try setting Height to NavContainer.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Try adding contentHeight to the Dialog:
<Dialog title="Customer Search" type="Message" contentHeight="100%">
That's how it is done on Popover example on SAPUI5 Explored.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Hi,
This is quite a workaround but setting styles left and top and explicit width on the Navcontainer should "fix" it. Setting explicit width is required as otherwise the Navcontainer would expand beyond the Dialog. I also setted Page's showHeader to false as top and left affected it also.
.
<NavContainer id="navCon" class="testClazz" width="320px">
.testClazz {
left: 20px;
top: 20px;
}
User | Count |
---|---|
86 | |
10 | |
10 | |
9 | |
6 | |
6 | |
6 | |
5 | |
4 | |
3 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.