Catering for desktop and mobile - best practice.

Forum to discuss the new web client version of Servoy.

Catering for desktop and mobile - best practice.

Postby AlanBourke » Thu Jul 13, 2017 2:13 pm

Best practice in the Servoy ecosystem, that is.

Should I go down the route of having one solution with responsive Bootstrap components and then presenting different forms where appropriate for smaller devices? For example a grid of customer invoices on desktop, but a more panel-like approach on mobile?

In that scenario, how would I detect server-side how wide the display is to allow a decision on what form to present ?

Or would you just create a separate mobile-targeted solution (maybe leveraging PhoneGap) ?
-------------------------------------------------------------------------------------------
Servoy SAN Developer
User avatar
AlanBourke
 
Posts: 189
Joined: Tue Aug 02, 2011 3:32 pm
Location: Dublin, Ireland

Re: Catering for desktop and mobile - best practice.

Postby mboegem » Sat Jul 15, 2017 11:20 am

Hi Alan,

So far I've kept these separated, but both use the same backend code/API to avoid duplicate code / logic.

If it isn't for the layout, there are lot's of other things to cover for example double-click, rightclick, tooltips (Although right click is possible on some touch-based OS)
This last bit already applies when you are not only targeting desktop, but also tablets.

It will take time to create separate forms, or even plain webapp. But I think it will save even more time when not having to create everything in 1 responsive layout.

Whether or not to use Servoy for mobile, also depends on the api's you want to use on your device (camera, geolocation, shake gestures, etc.)
Although you can cover this by creating an app with a web view container and javascript bridge to these api's.
That last solution makes it a whole lot easier to deploy a newer version of your app, as the container remains the same.

Any best practice? I guess not, but I hope the above will help you to make a decission.
_____________________
Marc Boegem
Solutiative / JBS Group, Partner
• Servoy Certified Developer
• Servoy Valued Professional
• Freelance SAN Developer

Image
User avatar
mboegem
 
Posts: 1379
Joined: Sun Oct 14, 2007 1:34 pm
Location: Hoofddorp, The Netherlands

Re: Catering for desktop and mobile - best practice.

Postby swingman » Sun Jul 16, 2017 10:53 pm

Hi all,

I'm still on smart client, so forgive me if I'm wrong, but can't you use visibility classes in Bootstrap to combine mobile and desktop versions in one layout?
See

http://getbootstrap.com/css/#responsive-utilities

for visibility classes. You first specify different widths in columns for lg, md sm, etc in the divs of your layout. In the cases where groups of layout elements look awkward when you resize the screen, you duplicate elements and make them show only at specific screen sizes. This allows you to reorder or hide elements on mobile -- you can have a table style view on large screen but present list-style views on small screens -- all from one layout.

Any thoughts?
Christian Batchelor
Certified Servoy Developer
Batchelor Associates Ltd, London, UK
http://www.batchelorassociates.co.uk

http://www.postgresql.org - The world's most advanced open source database.
User avatar
swingman
 
Posts: 1157
Joined: Wed Oct 01, 2003 10:20 am
Location: London

Re: Catering for desktop and mobile - best practice.

Postby AlanBourke » Mon Jul 17, 2017 11:11 am

Thanks both.

I am aware of the visibility classes in Bootstrap from playing around with it in the .NET world but it's not immediately apparent how to do that in Servoy. But I will have a play with it again. There's only really one form that requires it.
-------------------------------------------------------------------------------------------
Servoy SAN Developer
User avatar
AlanBourke
 
Posts: 189
Joined: Tue Aug 02, 2011 3:32 pm
Location: Dublin, Ireland

Re: Catering for desktop and mobile - best practice.

Postby Andrei Costescu » Mon Jul 17, 2017 11:31 am

Andrei Costescu
Servoy
Andrei Costescu
 
Posts: 898
Joined: Tue Jun 26, 2007 3:14 pm

Re: Catering for desktop and mobile - best practice.

Postby swingman » Tue Jul 18, 2017 10:01 am

Thanks, I have watched it now. It works as I expected it to work. Good.
Christian Batchelor
Certified Servoy Developer
Batchelor Associates Ltd, London, UK
http://www.batchelorassociates.co.uk

http://www.postgresql.org - The world's most advanced open source database.
User avatar
swingman
 
Posts: 1157
Joined: Wed Oct 01, 2003 10:20 am
Location: London

Re: Catering for desktop and mobile - best practice.

Postby AlanBourke » Tue Jul 18, 2017 11:19 am

Andrei Costescu wrote:https://www.youtube.com/watch?v=p7mTds23joY


Exactly what I was after thanks.
-------------------------------------------------------------------------------------------
Servoy SAN Developer
User avatar
AlanBourke
 
Posts: 189
Joined: Tue Aug 02, 2011 3:32 pm
Location: Dublin, Ireland


Return to Servoy NGClient

Who is online

Users browsing this forum: No registered users and 3 guests