[TurgutGuneysu]

I have a screen with 4 list items on it. On the design screen they look great. When I gen the single screen it looks great. But when I put the single screen into a larger APP I have and call it from there, the screen display is distorted and the list items are all shifted down. I have included pictures to describe it better.

To be clear, I have used the List Item widgets to achieve the unified look for the data entry fields.
I have modified the List Item to add a data entry field area, and remove the little > icon.

EditDesign160.jpg – in the editor
EditRun160.jpg – Screen image running the SINGLE screen
EditinAPP200.jpg – Screen image running it as part of the bigger APP. It is called via GO TO SCREEN.
EditiPhone.jpg – Screen image running in iPhone IOS 6.13

Can anyone help with what’s going on ?

I am using M1 ver 2.3.2(hot-fix 1, 20130425)
It is happening in the Test Center and on the iPhone IOS 6.13
It is NOT happening on Android 4 Galaxy Note-II phone.

See attachment EditDesign160.jpg
See attachment EditRun160.jpg
See attachment EditInAPP200.jpg
See attachment EditiPhone200.jpg

Attachments:

You must be logged in to view attached files.

[TurgutGuneysu]

Hello Support,

I know you guys are busy with the new release probably, but these strange field problems are are not going away. I posted another one about Select List Menus today.

I would appreciate a quick look and any type of feedback.

Thanks,TG

[support-octavio]

Hi TG,

I have discussed with the dev team and we are going to need your design files to take a look. Please send us a zip file with a sample project that help us to replicate the issue to support at genuitec dot com, use title mobione data from tguneysu, also please include a link to this topic.

[support-octavio]

Hi TG,

We have found out that the problem is caused by style.css file you included in your project.
There is a line:

li {font:14px Georgia,Verdana; margin-bottom:4px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}

Which breaks M1 list items look. If you want to style elements you included f.e. in CustomHtml element you should create styles for children of this CustomHTMl element only, f.e.:

#m1-CustomHtmlId li { /* Custom CSS props here */ }

Let us know how it goes.

[TurgutGuneysu]

Octavio,

As usual, many thanks to locate the problem.
Disabled some entries in the CSS and got rid of the problem.

TG

[Author]

Posts