NT 7.37 Mobile Mode Issues

[trent]

Hi Bruce,

Found some issues in mobile mode:

1) jQuery icons are not showing on rows in browses. Please see attached images: 'DesktopSiteBrowse.png', 'MobileSiteBrowse.png' and 'ButtonOptions.png'.
2) Is it possible to include a 'blur' option on forms and browses so that the first field is not selected on mobile devices? Usually the first field on our forms and browses are a drop list which the user has to choose an option from before being able to do anything else. This can be confusing and annoying for the user.
3) On iPhones and iPads the Tooltips seem to be interfering with some controls, i.e. buttons, strings, text and drops need to be pressed twice to use when they should be presed once.
4) The 'File Upload' is showing the 'Start', 'Clear' and 'Cancel' buttons when the 'Start upload when file selected' option is enabled. The butttons do not appear in desktop mode. Please see attached image: 'MobileSite-FileUpload.png'.
5) The 'File Upload' will cancel the insertion of a new record.

Regards,
Trent

[attachment deleted by admin]

[trent]

Hi Bruce,

As discussed, attached is an example of the mobile mode issues.

1) MailboxesBrowseControl - The 'view' button icon shows as an 'insert' icon when I have set the icon to be 'zoomin'.
2) TestForm - Check this form using an iPhone or iPad. You should notice that the drop list opens first and has to have an option selected before the user can even use the form.
3) MailboxesBrowseControl - I have put a tooltip on the 'view' button. On iPhones and iPads you have to press the button twice.
4) TestForm - You can clearly see the 'Start', 'Clear' and 'Cancel' buttons showing when they should not be.
5) TestForm - I can't get the insert to cancel on the example, let's check this after the above items are resolved.

Regards,
Trent

[attachment deleted by admin]

[Bruce]

Hi Trent,

on the file upload front - you might want to make the file uploader "not html5" for mobile use.
some folk have reported that it works better that way. The template option allows you to select html5 for desktop, but plain html for mobile.

let me know if that works for you.

(I'm not ignoring the rest obviously.)

cheers
Bruce

[trent]

Hi Bruce,

Using the old file upload is a bit cumbersome because it does not show the progress of the upload which for larger files may cause the user to press 'save' multiple times... especially with the ancient broadband speed we have here is Oz. But will have to do for now.

New bug for mobile mode: The navigation bar is lost on browses if the browse is on a form and the browse is reset by a form field. Included in the attached example. Means you cannot navigate through the browse or even add new records.

Regards,
Trent

[attachment deleted by admin]

[trent]

Hi Bruce,

Another bug for mobile mode:

When you are viewing/changing a record and click the 'cancel' button, the parent form (browse or form) does not load correctly. None of the fields or buttons work on the parent form. Also the locator and navigation appears above and below all browses on the page when they are not meant to be there. Please see attached example:

1) Add a new 'Workstation' record.
5) Click 'Change' on the Workstation record, then click 'Cancel'. The Workstation browse does not load correctly.

To fix: press F5 to reload the page and all is ok.

Regards,
Trent

[attachment deleted by admin]

[Bruce]

>> 1) MailboxesBrowseControl - The 'view' button icon shows as an 'insert' icon when I have set the icon to be 'zoomin'.

see http://www.capesoft.com/docs/NetTalk8/NetWebMobile.htm#Icons
for the list of icons, and their names, to be used in mobile mode. Alas 'zoomin' isn't on of them, I imagine you want to use 'search'

>> 2) TestForm - Check this form using an iPhone or iPad. You should notice that the drop list opens first and has to have an option selected before the user can even
use the form.

I've tested on an iPhone, but I'm unable to see the effect you're describing. If I go onto the form it has the Save and Cancel buttons there, and the form field, and some display text. Not sure if it's a specific iOS version you're on. I'm testing with iOS 7.

>> 3) MailboxesBrowseControl - I have put a tooltip on the 'view' button. On iPhones and iPads you have to press the button twice.

Tips always cause a double-tap, which is why tips are automatically excluded in mobile mode. Is your app actually running in mobile mode? You can force it into mobile mode in the WebHandler.  In my test here the tip is suppressed, and it's not needing a double tap.

>> 4) TestForm - You can clearly see the 'Start', 'Clear' and 'Cancel' buttons showing when they should not be.

um- maybe you didn't upload the right app? there's no file-upload field on TestForm.

Cheers
Bruce

[trent]

Hi Bruce,

1) Thanks for the list of icons.

2) I'm on iOS 7, so are our clients that all experience this issue. It also happens on iOS 6 so not OS specific. Also on Android devices. We need to look at this one further as I can replicate this issue easily. Try adding 2x drops to a form and then load the form in mobile mode on an iPhone. The very first drop will be open and the iPhone will force you to select an option before continuing. Make sure no other enabled fields are before the first drop.

3) I am DEFINITELY running in mobile mode. So is our testing department AND all our clients that are experiencing this issue. The mobile mode of our app is miles different in style than the desktop mode so it's very clear to tell which mode you are using.

4) I said to check the image that I attached with the post. It's the same as this issue that was originally posted by Chick back in July 2013 http://www.nettalkcentral.com/index.php?option=com_smf&Itemid=36&topic=4695.0 . You can easily see this problem just by going to a form in mobile mode that has the advanced HTML 5 uploader enabled.

Regards,
Trent

[trent]

Hi Everyone,

Regarding this issue:

"When you are viewing/changing a record and click the 'cancel' button, the parent form (browse or form) does not load correctly. None of the fields or buttons work on the parent form. Also the locator and navigation appears above and below all browses on the page when they are not meant to be there."

Has anyone else experienced this issue? Basically this means mobile mode is completely broken and unusable. Can anyone help with this please? It is critical that we get mobile mode working asap to demo our app to a VIC (very important client).

Regards,
Trent

[Bruce]

given that I can't duplicate the problem in your example, this is probably the place to start.

I recommend you unzip the example into a new folder, and set the app to always be in mobile mode (setting in WebHandler.)

Then document the steps precisely to spot the error. If I can duplicate it here then I can fix it, but obviously if it's working here, but not there, then we're doing something different to each other.

cheers
Bruce

[trent]

Hi Bruce,

I downloaded the example and put in a new folder and I can duplicate the issue.

1) Run the app.
2) Go into mobile mode: http://172.0.0.1:88/?_mobile_=1
3) Browse > Workstations.
4) Click 'Add'.
5) Click 'Cancel'.
6) Browse Workstations page is now unusable. Try clicking the 'Add' button - you can't. Try clicking the 'Cancel' button - you can't. Also you will see a navigation bar down the bottom of the page that isn't meant to be there.

Please try again.

Regards,
Trent

[trent]

Hi Bruce,

Here's another bug/improvement. The 'Date' field on a form is not set as 'input type="date"' which means the device cannot use the native 'datepicker' widget.

Feature Request: Can we get a 'Time' field for forms, i.e. 'input type="time"'?

Regards,
Trent