Skip to Content
0

Details view in mobile not aligned- dekstop looks fine

Feb 12, 2017 at 12:20 AM

60

avatar image

Hi All,

My detail view is not aligned properly for mobile view..which is very fine on desktop view

Desktop View

Mobile View

here is my XML Code

<mvc:View height="100%" controllerName="com.
Update.view.Detail" displayBlock="true" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"
	xmlns:l="sap.ui.layout" xmlns:f="sap.ui.layout.form" xmlns:c="sap.ui.core">
	<Page showNavButton="{device>/isPhone}" navButtonPress="onNavBack" class="sapUiFioriObjectPage" title="Shipment Details">
		<content>
			<ObjectHeader title="{path : 'Tknum', formatter:'com.epson.ShipmentUpdate.util.Formatter.setitmShpNo'}"
				number="{path:'Vbeln', formatter:'com.epson.ShipmentUpdate.util.Formatter.setitmDelNo'}" showMarkers="true">
				<statuses>
					<ObjectStatus text="{Add01}" title="Loading Meters" state="Warning" />
					<ObjectStatus text="{Brgew}" title="Total Weight of Handling Unit" state="Warning" />
					<ObjectStatus text="{Btvol}" title="Total Volume of Handling Unit" state="Warning" />
				</statuses>
				<attributes>
					<ObjectAttribute title="External identification 1" text="{Exti1}"/>
					<ObjectAttribute title="Addit.text 1" text="{Text1}"/>
					<ObjectAttribute title="Post Code" text="{Pstlz}"/>
					<ObjectAttribute title="Country" text="{CtryTo}"/>
					<ObjectAttribute title="Goods Issue Date" text="{ path: 'Wadat', type: 'sap.ui.model.type.Date', formatOptions: { pattern: 'dd/MM/yyyy' } }"/>
					<ObjectAttribute title="Delivery date" text="{path: 'Lfdat', type: 'sap.ui.model.type.Date', formatOptions: { pattern: 'dd/MM/yyyy' } }"/>
				</attributes>
			</ObjectHeader>
		</content>
		<footer>
			<Bar>
				<contentRight>
					<Button xmlns="sap.m" text="Set EndUser Status" type="Accept" tap="onAddShipmentItem"></Button>
				</contentRight>
			</Bar>
		</footer>
	</Page>
</mvc:View>

please advice how the same development can fit and responsive for all

Thanks

Rajeshh

desktop1.png (25.2 kB)
mobile1.png (23.5 kB)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

rajeshkumar rajeshkumar Feb 12, 2017 at 12:28 AM
0

Attached better screen shots

mobile2.png

desktop2.png

Thanks


mobile2.png (30.8 kB)
desktop2.png (19.5 kB)
Share
10 |10000 characters needed characters left characters exceeded