List and Detail view for the Web

Classic Servoy
1

I have to build a web solution for iPad,
So i tried to start with a simple example: a scrolling list on the left and a detail form on the right side.
The list on the left should have about 50 or 100 records and when I set the body of the list form to let’s say 2000px it works.
But whenever I scroll down the long list on the left, the detail form on the right also dissapears (scrolls up in the browser)
I tried many things, but it seems not poosible to find a way to have two independant parts on a form, a long list and a detail form that stays in place.

Is there a way to build this with servoy ?
Or is there a workaround with HTML ?

Kind regards, Hans

2

Not sure if it works in Wc, but look at splitpane

Regards,

3

Sorry, Splitpane does not work. Still the same issue.

4

Safari on iDevices has something I consider a bug and that is that they do not allow content inside a HTML DIV element to be scrolled by the user using the standard scroll gesture (single finger scroll). It only works if using the two-finger scroll gesture, which is pretty silly, if you ask me. No idea if Apple intends to fix this.

If you use a Servoy Table View to display the records, you just have to size the form appropriately and you’ll get automatic paging.

Paul

5

I don’t think Apple (or must I say mister jobs? :wink: I hope Johan is on vacation and does not see this :lol: ) ) see this as a bug.
Apple, and more & more mobile browsers introduced gesture events.

That’s why this project has started: http://cubiq.org/iscroll

and they continued it here: http://cubiq.org/iscroll-4

This can be implemented inside your html.
I hope Servoy, can implement this (in webclient) one time, for mobile browsers…

6

Other browsers do not have this quirk or are working to get rid of it.

The JavaScript scroll implementations are not very good and are only a temp workaround until Apple has fixed this.

Paul

7

I don’t think Apple … see this as a bug.

I beg to differ: they manage to fix their shortcomings in IOS5 :D

P.

8

ah really?
that’s great!! :-)

9

Yep, and it’s not a javascript solution at all. It’s CSS! So the browser does it all natively.