Your image illustrates that the top layout is in Form View, and the bottom layout is in List View. In List View, the layout width is reduced a few pixels as you indicated to accommodate the scroll bar. Your layout will shift left or right depending on the device (Mac OS X or iOS). All you need to do is make List View layouts x pixels narrower.
There is a tech note out there that provides the screen sizes for the various devices and orientations, but I could not find it with a quick look. Maybe someone else can provide this in a reply, so you'll have it available.
Hope this helps you,
Kevin, this is a known design (since version ??) in the difference between List and Browse views. I've groused about it for years. It's a 3 pixels (now points) shift in the placement of the objects, because of the "selected record" indicator in List view.
I came up with a small (3px/pt wide) graphic that mimics the "selected record" as on the List View. I simply add it to the left edge of form view, move every other object 3 pixels (points) to the right. I don't allow toggle between views on the same layout. I create a Form view and a List view that is designed to "Match". Switching between layouts makes all the objects seamless.
Send your request here:
Thanks everyone, very informative... Has anyone any idea why the bars dissapear once layout theme is changed?
How is your progress bar drawn? I think the theme is changing the color/background of your progress bar graphic. Have you tried manually editing the progress bar after the conversion, or even re-creating it?