Re: A few issues with web apps

[William Prothero via use-livecode]

Jacqueline,
Thanks for the great status report on Livecode web deployment. From my 
perspective, it's finally starting to look promising. The first thing I noticed 
was the speed of bringing up the first page. I'm looking forward to working 
with the web deployment when it gets far enough in its development.

Best,
Bill

William A. Prothero, PhD
Prof Emeritus, Dept of Earth Science
University of California, Santa Barbara

> On Aug 20, 2022, at 3:56 PM, J. Landman Gay via use-livecode 
>  wrote:
> 
> On 8/18/22 2:52 PM, I wrote:
>> All in all, everything else works, which is really quite incredible.
> 
> When I accidentally started replying to Andreas privately instead of to the 
> list (I should pay more attention, geez) he suggested others may want to see 
> my test app. Thanks to Andreas for being so polite about it.
> 
> So here you go:
> 
> 
> 
> On desktop browsers, everything works great. On mobile it works pretty well 
> except for text entry and a minor display issue.
> 
> On mobile it isn't possible to drag-select text in editable fields. Typing is 
> iffy as well, and depending on the (Android) keyboard you use, the cursor can 
> be misaligned and/or key presses don't always insert entries. I didn't test 
> on iOS.
> 
> I've added a simple behavior to all the scrolling fields and removed the ugly 
> field scrollbar. It tracks the mouse movement and scrolls the field 
> accordingly. That works on desktop but doesn't work on mobile. This matches 
> the behavior of anything draggable: the slider widget button, the buttons in 
> the Population example that use "grab", and the LC field scroller thumb.
> 
> On both desktop and mobile, text styling isn't working. Some of the text in 
> the "What is this?" substack should be bold but displays as plain. On the 
> other hand, the substack does display correctly layered over the mainstack. I 
> had wondered if it would work, and it does.
> 
> I know this will all get fixed so I'm not worried. This is just an example of 
> where we're at right now for anyone curious. Overall, web deployment is very 
> impressive. I was surprised at how good it is even in an unfinished state.
> 
> BTW, the ideas behind this stack are not original. I first re-created them in 
> MetaCard based on online discussions 20 years ago, and when I opened it 
> recently in LC 10 the stack opened without error. Kudos to Mark Waddingham's 
> attention to backward compatibility.
> 
> -- 
> Jacqueline Landman Gay | jac...@hyperactivesw.com
> HyperActive Software   | http://www.hyperactivesw.com
> 
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription 
> preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: A few issues with web apps

[J. Landman Gay via use-livecode]

On 8/18/22 2:52 PM, I wrote:

All in all, everything else works, which is really quite incredible.


When I accidentally started replying to Andreas privately instead of to the list (I should pay 
more attention, geez) he suggested others may want to see my test app. Thanks to Andreas for 
being so polite about it.


So here you go:



On desktop browsers, everything works great. On mobile it works pretty well except for text 
entry and a minor display issue.


On mobile it isn't possible to drag-select text in editable fields. Typing is iffy as well, and 
depending on the (Android) keyboard you use, the cursor can be misaligned and/or key presses 
don't always insert entries. I didn't test on iOS.


I've added a simple behavior to all the scrolling fields and removed the ugly field scrollbar. 
It tracks the mouse movement and scrolls the field accordingly. That works on desktop but 
doesn't work on mobile. This matches the behavior of anything draggable: the slider widget 
button, the buttons in the Population example that use "grab", and the LC field scroller thumb.


On both desktop and mobile, text styling isn't working. Some of the text in the "What is this?" 
substack should be bold but displays as plain. On the other hand, the substack does display 
correctly layered over the mainstack. I had wondered if it would work, and it does.


I know this will all get fixed so I'm not worried. This is just an example of where we're at 
right now for anyone curious. Overall, web deployment is very impressive. I was surprised at 
how good it is even in an unfinished state.


BTW, the ideas behind this stack are not original. I first re-created them in MetaCard based on 
online discussions 20 years ago, and when I opened it recently in LC 10 the stack opened 
without error. Kudos to Mark Waddingham's attention to backward compatibility.


--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software   | http://www.hyperactivesw.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: A few issues with web apps

[Kevin Miller via use-livecode]

Don't worry the goal is for zero workarounds by the time we're ready to ship 
GM. These things are just there to keep you going in the mean time.

Kind regards,

Kevin

Kevin Miller ~ ke...@livecode.com ~ http://www.livecode.com/
LiveCode: Develop Yourself

On 19/08/2022, 18:16, "use-livecode on behalf of Tweedly via use-livecode" 
 wrote:


> On 19 Aug 2022, at 16:01, panagiotis m via use-livecode 
 wrote:
> 
> Hello all,
> 
> BTW, I just wrote a lesson on how to scroll a LC text field on Web using
> :
>> 
Thank you. 
But at the risk of sounding ungrateful - please don’t.
Please just make basic functionality like resizing, scrolling, etc. Work 
properly and nicely out of the box.
Alex.

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your 
subscription preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode



___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: A few issues with web apps

[Tweedly via use-livecode]

> On 19 Aug 2022, at 16:01, panagiotis m via use-livecode 
>  wrote:
> 
> Hello all,
> 
> BTW, I just wrote a lesson on how to scroll a LC text field on Web using
> :
>> 
Thank you. 
But at the risk of sounding ungrateful - please don’t.
Please just make basic functionality like resizing, scrolling, etc. Work 
properly and nicely out of the box.
Alex.

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: A few issues with web apps

[J. Landman Gay via use-livecode]

I just tried the kangaroo example on your web site using my Android tablet. 
It behaves just like my slider widget. I can tap in the scrollbar to get 
the field scroll to jump but the indicator can't be moved. When I try, the 
whole canvas moves instead.


--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software | http://www.hyperactivesw.com
On August 19, 2022 8:23:25 AM Andreas Bergendal via use-livecode 
 wrote:


Thanks for the hint, Panos - that is useful to mention for those who want 
to try it.

However, that is not my problem - I’ve already done that!

Kangaroo’s stack works as advertised, as is (with dp-4 mod):
https://wheninspace.com/test/WebScrollField.html 



But when I try to use the code, either like in the original, where it is 
inserted by an LC script in preOpenStack, or by extracting the actual js 
and putting it into the html file beforehand, it just doesn’t trigger. I 
get no error message, js or LC, it just does nothing.


Actually, it was the same with the ”Meeting space” demo, which has a 
slightly different scroll wheel script. At first, I took both the resize js 
and the scroll js from there, but only the resize part works for me. It’s 
strange since my portal solution apparently catches resize events and 
passes them on to topStack, but fails to catch/pass scroll events…


/Andreas
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your 
subscription preferences:

http://lists.runrev.com/mailman/listinfo/use-livecode





___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: A few issues with web apps

[panagiotis m via use-livecode]

Hello all,

BTW, I just wrote a lesson on how to scroll a LC text field on Web using
:

https://lessons.livecode.com/m/2592/l/1595736-scrolling-a-livecode-text-field-on-web-using-javascript

Cheers,
Panos
--

On Fri, 19 Aug 2022 at 16:22, Andreas Bergendal via use-livecode <
use-livecode@lists.runrev.com> wrote:

> Thanks for the hint, Panos - that is useful to mention for those who want
> to try it.
> However, that is not my problem - I’ve already done that!
>
> Kangaroo’s stack works as advertised, as is (with dp-4 mod):
> https://wheninspace.com/test/WebScrollField.html <
> https://wheninspace.com/test/WebScrollField.html>
>
> But when I try to use the code, either like in the original, where it is
> inserted by an LC script in preOpenStack, or by extracting the actual js
> and putting it into the html file beforehand, it just doesn’t trigger. I
> get no error message, js or LC, it just does nothing.
>
> Actually, it was the same with the ”Meeting space” demo, which has a
> slightly different scroll wheel script. At first, I took both the resize js
> and the scroll js from there, but only the resize part works for me. It’s
> strange since my portal solution apparently catches resize events and
> passes them on to topStack, but fails to catch/pass scroll events…
>
> /Andreas
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your
> subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
>
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: A few issues with web apps

[Andreas Bergendal via use-livecode]

Thanks for the hint, Panos - that is useful to mention for those who want to 
try it.
However, that is not my problem - I’ve already done that! 

Kangaroo’s stack works as advertised, as is (with dp-4 mod):
https://wheninspace.com/test/WebScrollField.html 


But when I try to use the code, either like in the original, where it is 
inserted by an LC script in preOpenStack, or by extracting the actual js and 
putting it into the html file beforehand, it just doesn’t trigger. I get no 
error message, js or LC, it just does nothing.

Actually, it was the same with the ”Meeting space” demo, which has a slightly 
different scroll wheel script. At first, I took both the resize js and the 
scroll js from there, but only the resize part works for me. It’s strange since 
my portal solution apparently catches resize events and passes them on to 
topStack, but fails to catch/pass scroll events…

/Andreas
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: A few issues with web apps

[panagiotis m via use-livecode]

Hello Andreas,

To use Kangaroo's sample stack as is (
https://forums.livecode.com/viewtopic.php?f=120=36957) you have to tweak
the custom standalone.html that is included in the Copy Files section and
replace "" at line 213
with the correct version of LC 10 you're using, I guess in this case
""

Cheers,
Panos
--

On Fri, 19 Aug 2022 at 15:53, Andreas Bergendal via use-livecode <
use-livecode@lists.runrev.com> wrote:

> Bah, I can only get Kangaroo’s scroller trigger to work if deployed in a
> separate standalone. No matter how I try to integrate the code in my
> portal, it just doesn’t trigger.
>
> In any case, the code that works in desktop web browsers doesn't work in
> mobile browsers, so there is still a problem to solve there. Hoping for the
> mothership to fix (in-field wheel/touch) scrolling natively in coming dp’s…
>
> I mean, clicking/touching the actual scrollbar of a field always works,
> but in a desktop browser you want the mouse wheel scroll to work in fields
> (Kangaroo’s script does that, sometimes...), and on mobile
> touching/dragging over a field should scroll it (still unsolved).
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your
> subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
>
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: A few issues with web apps

[Andreas Bergendal via use-livecode]

Bah, I can only get Kangaroo’s scroller trigger to work if deployed in a 
separate standalone. No matter how I try to integrate the code in my portal, it 
just doesn’t trigger.

In any case, the code that works in desktop web browsers doesn't work in mobile 
browsers, so there is still a problem to solve there. Hoping for the mothership 
to fix (in-field wheel/touch) scrolling natively in coming dp’s… 

I mean, clicking/touching the actual scrollbar of a field always works, but in 
a desktop browser you want the mouse wheel scroll to work in fields (Kangaroo’s 
script does that, sometimes...), and on mobile touching/dragging over a field 
should scroll it (still unsolved).
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

A few issues with web apps

[Andreas Bergendal via use-livecode]

Hi Jacque,

1. I can’t test on Android, but I doubt an Android native field would solve the 
problem here, as the platform is Web, thus not really natively Android. The LC 
web engine doesn’t seem to know where it is running, apart from "in a browser”… 
But do try putting an Android native field in your test stack and see what 
happens. I’ll test an iOS field and see what I get.

2. I confirm the slider widget/object looks and functions horribly on iOS and 
macOS too. See next point.

3. Motif makes most standard LC objects look horrible, but the mothership has 
promised to get rid of that in future releases (please hurry! :).

As to getting scrollers to work, some js seems necessary - see the excellent 
work by Kangaroo in the forum: 
https://forums.livecode.com/viewtopic.php?f=120=36957 

Hopefully that solution can be applied to sliders too. Again, I doubt the 
native mobile scroller would work, because platform = web.

Actually, my next step is anyway to test scroller stuff in my portal - I’ll 
make sure to try not just fields but also the slider. I’ll be back! :)

/Andreas
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

A few issues with web apps

[J. Landman Gay via use-livecode]

I have just created my first web deployment and I'm *very* impressed. I didn't need to change 
any of the original scripts, the only changes were for visual elements that were different when 
run in a browser.  Aside from appearance, the scripts ran flawlessly.


On desktop it's great in all three browsers I tested on. But I ran into issues when running in 
mobile browsers on Android. Does anyone know how to fix these things:


1. Editable fields fail with both SwiftKey and GBoard keyboards, though they fail in different 
ways. The cursor is misaligned on GBoard, I can't type spaces in SwiftKey, and it is impossible 
to drag-select text in either one. Do I need an Android native field? Right now I'm just using 
LC fields.


2. The slider widget does not allow dragging the round indicator button. I can tap the bar to 
get an approximate setting but fine tuning with the slider button is impossible. Rather than 
slide, the whole web canvas moves instead.


3. I have some scrolling fields and the default Motif scrollbar looks awful. How do I implement 
a native browser scroller? Should I use the scripts I use for mobile devices? What's the best 
way to implement scrolling fields?


All in all, everything else works, which is really quite incredible.

--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software   | http://www.hyperactivesw.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode