Welcome, Guest
Guest Settings
Help

Thread: Tips for mobile ?



Permlink Replies: 11 - Last Post: Mar 16, 2017 10:20 AM Last Post By: Chad Hower
Eitan Arbel

Posts: 303
Registered: 2/24/13
Tips for mobile ?
Click to report abuse...   Click to reply to this thread Reply
  Posted: Mar 15, 2017 5:22 AM
hi guys.

more and more i come across the need to show my webapp in mobile.
my problem is that i have many forms with big grids, and it looks very bad and different on mobile (tablets and phones).

how can we overcome this problem?
anybody care to share some tips on how to make an IW app that was built for desktop browsers, look good on mobile, and as close to desktop browsers as possible please?

Thanks !
Chad Hower

Posts: 319
Registered: 3/2/07
Re: Tips for mobile ?
Click to report abuse...   Click to reply to this thread Reply
  Posted: Mar 15, 2017 8:35 AM   in response to: Eitan Arbel in response to: Eitan Arbel
On 3/15/2017 8:22 AM, Eitan Arbel wrote:
more and more i come across the need to show my webapp in mobile. my
problem is that i have many forms with big grids, and it looks very
bad and different on mobile (tablets and phones).

how can we overcome this problem? anybody care to share some tips on
how to make an IW app that was built for desktop browsers, look good
on mobile, and as close to desktop browsers as possible please?

17 will have much better mobile support, but you can do mobile now. For
grids and such though you probably need some comps from TMS or CG to do
what you want.
Eitan Arbel

Posts: 303
Registered: 2/24/13
Re: Tips for mobile ?
Click to report abuse...   Click to reply to this thread Reply
  Posted: Mar 15, 2017 9:56 AM   in response to: Chad Hower in response to: Chad Hower
For grids and such though you probably need some comps from TMS or CG to do
what you want.

i do use TMS and CG, that's why i have problems :D
CG doesn't have grid and menu components for mobile (that i use a lot).

i would have used the IWBootStrap pack if i could, but it was first introduced only after i already had 100+ forms in my app.

it looks like i need to double my app forms and make desktop browser forms AND mobile forms for the same purpose...

any idea how to avoid this?
Chad Hower

Posts: 319
Registered: 3/2/07
Re: Tips for mobile ?
Click to report abuse...   Click to reply to this thread Reply
  Posted: Mar 15, 2017 11:09 AM   in response to: Eitan Arbel in response to: Eitan Arbel
On 3/15/2017 12:56 PM, Eitan Arbel wrote:
it looks like i need to double my app forms and make desktop browser
forms AND mobile forms for the same purpose...

That is what I used to do. Personally I found it to be a better approach
although I understand why many don't like it.

Even with Responsive, I find that the differences are often too great
and you end up with a wonky mobile, or a dumbed down desktop in many cases.

With 17 we will be adding support for both types of approaches but it is
still at least 6 months out, if not more.
steven chesser

Posts: 329
Registered: 4/13/09
Re: Tips for mobile ?
Click to report abuse...   Click to reply to this thread Reply
  Posted: Mar 15, 2017 10:04 AM   in response to: Eitan Arbel in response to: Eitan Arbel
I try and stay away from grids on mobile (due to phones) as much as possible.

They just never end up looking right .... 2/3 columns ok fine.. but once you start stuffing it with 30 columns , 5000 rows of data, ect ... on a 4.5" screen, its just unusable.

What i've tried to do is just use a Listview feel .. custom design the item look to give a few KEY details ....

Click on the item it expands it (doubles the height) ... click on it again (collapses it) ...

Expanding it now gives me more room for next set of 2ndary key information.

Click on the details/information icon on the right side and ill bring you to a new form with everything listed out for that single item to review and look over.

Then can go back to previous form, or hit a button or some action to go further into it for other actions to say, edit the part ... add images, whatever for that exact item.

Works pretty well...

Problem I faced was trying to NOT design like a desktop developer... and try and cram the screen and fill every pixel with information. Way over load.
Daniel Fields

Posts: 540
Registered: 11/29/04
Re: Tips for mobile ?
Click to report abuse...   Click to reply to this thread Reply
  Posted: Mar 15, 2017 10:41 AM   in response to: steven chesser in response to: steven chesser
Steven is exactly right! I had to reach that conclusion after banging my head against the wall in many attempts to put grids in a mobile application. I think we get caught up in the "responsive design" school of thought. It's much easier to make static pages responsive to desktop and mobile. Presenting large amounts of data does not always make sense in a mobile application. I always remind myself that the mobile interface does not have to be an exact copy of the full screen version. It can't ever be that!

I would also advise using the CGDev mobile controls for the entire interface. I was using TMS iPhone Controls (poorly named) because they work in any Webkit browser, which is every mobile browser. I resisted the CGDev Mobile stuff because it was so different. I forced myself to watch the YouTube videos over and over until it made sense. I then forced myself to create a simple project with a few pages. Once I understood how it worked I started switching every form in the first project to CGDev. They give you a much more mobile friendly interface, and you can use the Themes to control styling. It was well worth the few days I put into research and development.

Go back to the CGDev Mobile demo and look at all of the controls you can utilize. They give you ways to do more in the tiny mobile screen space. It went so well that I even created tablet specific pages in some instances.

I plan to do the same type of deep dive into IWBootstrap so I can have another option as well. There have to be instances where its responsiveness can handle the whole project.
Eitan Arbel

Posts: 303
Registered: 2/24/13
Re: Tips for mobile ?
Click to report abuse...   Click to reply to this thread Reply
  Posted: Mar 16, 2017 6:41 AM   in response to: Daniel Fields in response to: Daniel Fields
so basically you're saying that i should DOUBLE the whole project (desktop AND mobile forms) with all it's 150+ forms and frames...?
damn...

ok, so i will use ListViews as "grids", but what about the menu?
i didn't see any component that can behave proprly as a menu with sub\sub\menus

and i know i shouldn't blast the forms with tones of information like i did in the desktop version(which i had to...), but should i "educate" my users to use only tablets for that?
there are still many forms with quite a lot of info to show or input (like big tax invoice receipts with reminders).
Chad Hower

Posts: 319
Registered: 3/2/07
Re: Tips for mobile ?
Click to report abuse...   Click to reply to this thread Reply
  Posted: Mar 16, 2017 10:20 AM   in response to: Eitan Arbel in response to: Eitan Arbel
On 3/16/2017 9:41 AM, Eitan Arbel wrote:
so basically you're saying that i should DOUBLE the whole project
(desktop AND mobile forms) with all it's 150+ forms and frames...?
damn...

I'm not saying you should. I'm saying its one approach and its the one
that for my needs I've found to be the best approach.

An easier approach may be to do only some forms and share others that
may work ok on mobile.

ok, so i will use ListViews as "grids", but what about the menu? i
didn't see any component that can behave proprly as a menu with
sub\sub\menus

You could also use frames and swap them in and out on the fly on a form.
You could even make it a component.

"educate" my users to use only tablets for that? there are still many
forms with quite a lot of info to show or input (like big tax invoice
receipts with reminders).

One desktop page often becomes several separate pages for mobile.

Mobile screens are smaller, and even if you use a responsive layout you
will have similar issues in many cases. Responsive layout in my
experience tends to dumb down the desktop experience or only work on the
simpler forms.

This is why for my use I prefer 2 sets of forms. I find it works better,
but every situation is different.
S. Mahaux

Posts: 21
Registered: 4/4/02
Re: Tips for mobile ?
Click to report abuse...   Click to reply to this thread Reply
  Posted: Mar 15, 2017 2:52 PM   in response to: Eitan Arbel in response to: Eitan Arbel
How do you set that up and choose which form to display ?
Lou Feliz

Posts: 93
Registered: 7/16/97
Re: Tips for mobile ?
Click to report abuse...   Click to reply to this thread Reply
  Posted: Mar 15, 2017 9:22 PM   in response to: S. Mahaux in response to: S. Mahaux
I have an app in which I look at the browser type (UserAGent) in TIWServerController.IWServerControllerBaseGetMainForm )and go from there by presenting mobile login form and user then gets mobile forms etc..... For phones, I start with iPhone6, unless the end user specifies larger phone as defeult. I find many times that my desktop forms display great on tablets and dont't have to adjust. I am working on a current project where user will primarily use iPhone6 with desktop being 2nd. I am using CGDevtools and will be checking out their mobile demo again to get better handle on using their components.

-Lou

S. Mahaux wrote:
How do you set that up and choose which form to display ?
Eitan Arbel

Posts: 303
Registered: 2/24/13
Re: Tips for mobile ?
Click to report abuse...   Click to reply to this thread Reply
  Posted: Mar 16, 2017 6:39 AM   in response to: S. Mahaux in response to: S. Mahaux
How do you set that up and choose which form to display ?

in the OnNewSession of the ServerController, you can check :
If ASession.Browser.IsMobile Then frmYourMainMobileForm.SetAsMainForm;
S. Mahaux

Posts: 21
Registered: 4/4/02
Re: Tips for mobile ?
Click to report abuse...   Click to reply to this thread Reply
  Posted: Mar 16, 2017 7:07 AM   in response to: S. Mahaux in response to: S. Mahaux
Thanks guys
Legend
Helpful Answer (5 pts)
Correct Answer (10 pts)

Server Response from: ETNAJIVE02