Hi 

Now I am adjusting the appearance in smartphone devices.

My screen(pop up screen) structure and appearance is bellow


as you can see, all contents are not centerd in the picture.


In browser, one specific smart phone device, which is iphne 6/7/8 Plus can show the contents all centerd as I expect.


But in other smart phone devices like iphoneX, android, iphone5, can not see all the contents centerd as you see in the above picture.


What do you think cause the problem??


 

Hi Kazy,

If possible can you share OML.



Hello Kazy,

https://www.outsystems.com/outsystems-ui/patterns/mobile/CenterContent-Look at the mobile patterns available and try using it.

Manikandan K wrote:

Hi Kazy,

If possible can you share OML.



Hi Manikandan


Thanks for your warm reply, but my application belongs to my company. 

So I think I can not share.


I'm appreciated your support.

Thanks


Naren wrote:

Hello Kazy,

https://www.outsystems.com/outsystems-ui/patterns/mobile/CenterContent-Look at the mobile patterns available and try using it.

Hi, Naren

Thanks for your giving information.

Is that for mobile app, right?

My app is web app, so I can not use it...


Kazy


Solution

Kazy wrote:

Hi 

Now I am adjusting the appearance in smartphone devices.

My screen(pop up screen) structure and appearance is bellow


as you can see, all contents are not centerd in the picture.


In browser, one specific smart phone device, which is iphne 6/7/8 Plus can show the contents all centerd as I expect.


But in other smart phone devices like iphoneX, android, iphone5, can not see all the contents centerd as you see in the above picture.


What do you think cause the problem??


 


Hi Kazy,

Did you tried in the real device or just in the emulator.

I would recommend you to test in the real device that will run perfectly fine.

I also faced the same issue.


Regards,

Pankaj



Solution

Pankaj pant wrote:

Kazy wrote:

Hi 

Now I am adjusting the appearance in smartphone devices.

My screen(pop up screen) structure and appearance is bellow


as you can see, all contents are not centerd in the picture.


In browser, one specific smart phone device, which is iphne 6/7/8 Plus can show the contents all centerd as I expect.


But in other smart phone devices like iphoneX, android, iphone5, can not see all the contents centerd as you see in the above picture.


What do you think cause the problem??


 


Hi Kazy,

Did you tried in the real device or just in the emulator.

I would recommend you to test in the real device that will run perfectly fine.

I also faced the same issue.


Regards,

Pankaj



Hi, Pankaj


Thanks again!

I tried just in emulator.

So I will try it in real device.


Have a nice summer day!


Kazy


Hi Kazy,

Please check the stylesheet and I think there is some left margin is there. that is an impact on the mobile version of the web app.  I think this will help you,

Thank you,

Sudip

Sudip Dey wrote:

Hi Kazy,

Please check the stylesheet and I think there is some left margin is there. that is an impact on the mobile version of the web app.  I think this will help you,

Thank you,

Sudip

Hi Sudip

Tnank you for your advice.


I have been in vacation so far and am late to reply.

Sorry.


I will try that.

I am very appreciated for your help.


Kazy