Skip to Content
0

Details view in mobile not aligned- dekstop looks fine

Feb 12, 2017 at 12:20 AM

61

avatar image
Former Member

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

avatar image
Former Member 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