RESPONSIVE DATE IN SAPUI5

[Former Member]

im2.pngI’m running my sapui5 master detail application from ipad but it seems it is not responsive

I have that the date returs to new line on ipad .

This is in my desktop:

but in ipad it will be like this :

Thank you

[former_member340030 · Accepted solution]

Hi Celine ,

if you are using responsive grid layout than you need to handle this by changing the grid data properties

thanks

Viplove

[Former Member · Accepted solution]

Hi Viplove,

this is my code , how can i change it to be reponsive ?

<DatePicker
					id="startDateRange"
					displayFormat="short"
					valueFormat="yyyy-MM-dd"
					change="handleChangeStartDateRange"
					class="sapUiForceWidthAuto dateRangePanelClassItem"
					layout="ResponsiveGridLayoutData" />
  
				<DatePicker
					id="endDateRange"
					displayFormat="short"
					valueFormat="yyyy-MM-dd"
					change="handleChangeEndDateRange"
					class="sapUiForceWidthAuto sapUiSmallMarginBegin dateRangePanelClassItem"
					layout="ResponsiveGridLayoutData" />

[former_member340030 · Accepted solution]

Hi Celine ,

Actually place the datepicker in Grid layout container and than you can adjust the spans using layoutData property of every control for all the three sizes (S ,M and L)

Just try to use the Grid in your code and comment if you face any challenges , i can help you on that

thanks

Viplove

[junwu]

you have to handle it.

google ui5 responsive layout