Side Menu latest iOS

11 views
Skip to first unread message

bry...@webbtide.com

unread,
Apr 30, 2019, 5:50:13 PM4/30/19
to CodenameOne Discussions
A customer has notified me that the side menu on the latest iPhone doesn't render correctly - it is positioned over the top status bar, so you cannot click the first menu option. See screenshots attached. It works fine on my Android device (which is pretty old), and my iPhone (which is _really_ old).

The app was last updated in the App Store in March. The app itself has not been changed code-wise for ages, so I'm not sure if I need to update anything my end.

I'm still waiting for the customer to get back to me on what the handset is and the actually iOS version.

Has anyone else come across this ?
android2.png
iphone1.jpg
iphone2.jpeg

Shai Almog

unread,
Apr 30, 2019, 10:17:18 PM4/30/19
to CodenameOne Discussions
Does your theme derive from the native theme or not?
iOS apps need to render the portion under the status bar (or notch in newer devices) this hasn't changed since the introduction of iOS 7. The native theme has a StatusBar padding to push down the content of the app and side menu bar.

bry...@webbtide.com

unread,
Apr 30, 2019, 11:28:20 PM4/30/19
to CodenameOne Discussions


On Wednesday, May 1, 2019 at 12:17:18 PM UTC+10, Shai Almog wrote:
Does your theme derive from the native theme or not?
iOS apps need to render the portion under the status bar (or notch in newer devices) this hasn't changed since the introduction of iOS 7. The native theme has a StatusBar padding to push down the content of the app and side menu bar.

It's so long ago since I did this, and don't use CN1 much, so I'm a bit hazy. How can I tell ?

Attached screen shots are the two themes in theme.res, and the init code is:

    public void init(Object context) {

        theme = UIManager.initNamedTheme("/theme", "Theme");
        UIManager.getInstance().addThemeProps(theme.getTheme("Theme1"));

        // Enable Toolbar on all Forms by default
        Toolbar.setGlobalToolbar(true);
        Dialog.setDefaultBlurBackgroundRadius(8);

    }
Screenshot_2019-05-01_13-26-38.png
Screenshot_2019-05-01_13-26-16.png

bry...@webbtide.com

unread,
May 1, 2019, 12:04:46 AM5/1/19
to CodenameOne Discussions
In the component inspector there appears to be padding for the StatusBar, so I guess it is using the derived theme.
Screenshot_2019-05-01_14-02-37.png

bry...@webbtide.com

unread,
May 1, 2019, 3:53:47 AM5/1/19
to CodenameOne Discussions
Fixed. I added padding to the SideNavigationPanel.

Note that SideNavigation isn't a child of StatusBar, so I don't think that makes any difference.

On Wednesday, May 1, 2019 at 12:17:18 PM UTC+10, Shai Almog wrote:
Screenshot_2019-05-01_17-51-10.png
Reply all
Reply to author
Forward
0 new messages