Skip to Content
avatar image
Former Member

Details view in mobile not aligned- dekstop looks fine

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">
			<ObjectHeader title="{path : 'Tknum', formatter:''}"
				number="{path:'Vbeln', formatter:''}" showMarkers="true">
					<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" />
					<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' } }"/>
					<Button xmlns="sap.m" text="Set EndUser Status" type="Accept" tap="onAddShipmentItem"></Button>

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



desktop1.png (25.2 kB)
mobile1.png (23.5 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • avatar image
    Former Member
    Feb 12, 2017 at 12:28 AM

    Attached better screen shots




    mobile2.png (30.8 kB)
    desktop2.png (19.5 kB)
    Add comment
    10|10000 characters needed characters exceeded