<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
</head>
<body>
<div>
<meta content="text/html; charset=us-ascii">
</div>
<div class="BodyFragment"><font size="2"><span style="font-size:11pt">
<div class="PlainText" dir="auto" style="text-align: left;">Yes all the sample code listed were just links inside of the repo to a particular line of source. The repo can be cloned using the below command</div>
<div class="PlainText" dir="auto" style="text-align: left;"> </div>
<div class="PlainText" dir="auto" style="text-align: left;">Git clone <a href="https://github.com/mr-highball/nyx">https://github.com/mr-highball/nyx</a> --recursive</div>
<div class="PlainText" dir="auto" style="text-align: left;"><br>
</div>
<div class="PlainText" dir="auto" style="text-align: left;">The recursive flag will pull the submodule too (just some css used in the tester application)</div>
<div class="PlainText" dir="auto" style="text-align: left;">In the nyx_browser_test.lpr starting at line 158 in method forum, you can comment out the different samples procedures.</div>
</span></font></div>
<hr style="display:inline-block;width:98%" tabindex="-1">
<div id="divRplyFwdMsg" dir="ltr"><font face="Calibri, sans-serif" style="font-size:11pt" color="#000000"><b>From:</b> Pas2js <pas2js-bounces@lists.freepascal.org> on behalf of pas2js-request@lists.freepascal.org <pas2js-request@lists.freepascal.org><br>
<b>Sent:</b> Friday, October 2, 2020 3:55:10 PM<br>
<b>To:</b> pas2js@lists.freepascal.org <pas2js@lists.freepascal.org><br>
<b>Subject:</b> Pas2js Digest, Vol 32, Issue 4</font>
<div> </div>
</div>
<div class="BodyFragment"><font size="2"><span style="font-size:11pt;">
<div class="PlainText">Send Pas2js mailing list submissions to<br>
pas2js@lists.freepascal.org<br>
<br>
To subscribe or unsubscribe via the World Wide Web, visit<br>
<a href="https://lists.freepascal.org/cgi-bin/mailman/listinfo/pas2js">https://lists.freepascal.org/cgi-bin/mailman/listinfo/pas2js</a><br>
or, via email, send a message with subject or body 'help' to<br>
pas2js-request@lists.freepascal.org<br>
<br>
You can reach the person managing the list at<br>
pas2js-owner@lists.freepascal.org<br>
<br>
When replying, please edit your Subject line so it is more specific<br>
than "Re: Contents of Pas2js digest..."<br>
<br>
<br>
Today's Topics:<br>
<br>
1. Re: html widgets layout question (Michael Van Canneyt)<br>
2. Re: html widgets layout question (heliosroots)<br>
3. Nyx framework (Mgr. Janusz Chmiel)<br>
4. Re: html widgets layout question (Michael Van Canneyt)<br>
5. Re: html widgets layout question (mister highball)<br>
6. Re: Nyx framework (Mgr. Janusz Chmiel)<br>
7. Re: html widgets layout question (Mgr. Janusz Chmiel)<br>
8. plea for simple code which show text in web page notification<br>
area (Mgr. Janusz Chmiel)<br>
9. empty paragraph creation (Mgr. Janusz Chmiel)<br>
<br>
<br>
----------------------------------------------------------------------<br>
<br>
Message: 1<br>
Date: Fri, 2 Oct 2020 18:19:06 +0200 (CEST)<br>
From: Michael Van Canneyt <michael@freepascal.org><br>
To: pas2js discussions <pas2js@lists.freepascal.org><br>
Subject: Re: [Pas2js] html widgets layout question<br>
Message-ID: <alpine.DEB.2.21.2010021815420.25499@home><br>
Content-Type: text/plain; charset=US-ASCII; format=flowed<br>
<br>
<br>
<br>
On Fri, 2 Oct 2020, heliosroots wrote:<br>
<br>
> There should be a more simplified way of handling this at TcustomWidget ....<br>
> example:<br>
><br>
><br>
> Widget.Classes := Widget.AddClasses('MyClass1 MayClass2''); <br>
> Widget.Classes := Widget.RemoveClasses('MyClass1 MayClass2'');<br>
><br>
> it would be simpler just ...<br>
><br>
> Widget.AddClasses('MyClass1 MayClass2''); <br>
> Widget.RemoveClasses('MyClass1 MayClass2'');<br>
<br>
Indeed. I will change the implementation.<br>
<br>
Michael.<br>
<br>
<br>
------------------------------<br>
<br>
Message: 2<br>
Date: Fri, 2 Oct 2020 09:26:13 -0700 (MST)<br>
From: heliosroots <heliosroots@gmail.com><br>
To: pas2js@lists.freepascal.org<br>
Subject: Re: [Pas2js] html widgets layout question<br>
Message-ID: <1601655973642-0.post@n8.nabble.com><br>
Content-Type: text/plain; charset=us-ascii<br>
<br>
How to change the attribute of the "element" in the Widget layer? example the<br>
attribute "aria" would have a direct support for the visually impaired<br>
<br>
<br>
<br>
--<br>
Sent from: <a href="http://pas2js.38893.n8.nabble.com/">http://pas2js.38893.n8.nabble.com/</a><br>
<br>
<br>
------------------------------<br>
<br>
Message: 3<br>
Date: Fri, 2 Oct 2020 18:40:28 +0200<br>
From: "Mgr. Janusz Chmiel" <janusz.chmiel@volny.cz><br>
To: "'pas2js discussions'" <pas2js@lists.freepascal.org><br>
Subject: [Pas2js] Nyx framework<br>
Message-ID: <CB6438DE97194BD0AB8F94C7E60CCC8A@DESKTOPN6LG1HQ><br>
Content-Type: text/plain; charset="us-ascii"<br>
<br>
I have compiled yours examples successfully. To avoid issues with finding<br>
units, I have placed all files from Src to The folder with LTR units from<br>
PAS2jS. Code also work. I will study yours unit. Sure, I know, that there<br>
are no so much object types like in HTMlwidgets unit. But for beginning, it<br>
is good for testing.<br>
What will happen if I will not add object position values in some cases when<br>
this value is expected?<br>
<br>
<br>
<br>
------------------------------<br>
<br>
Message: 4<br>
Date: Fri, 2 Oct 2020 18:59:48 +0200 (CEST)<br>
From: Michael Van Canneyt <michael@freepascal.org><br>
To: pas2js discussions <pas2js@lists.freepascal.org><br>
Subject: Re: [Pas2js] html widgets layout question<br>
Message-ID: <alpine.DEB.2.21.2010021857320.26529@home><br>
Content-Type: text/plain; charset=US-ASCII; format=flowed<br>
<br>
<br>
<br>
On Fri, 2 Oct 2020, heliosroots wrote:<br>
<br>
> How to change the attribute of the "element" in the Widget layer? example the<br>
> attribute "aria" would have a direct support for the visually impaired<br>
<br>
Locally I already have a 'ApplyAttribute' call.<br>
(after mr. Chmiel asked for Aria support I added that) but I didn't commit this yet.<br>
<br>
Michael.<br>
<br>
<br>
------------------------------<br>
<br>
Message: 5<br>
Date: Fri, 2 Oct 2020 17:02:17 +0000<br>
From: mister highball <mr.highball@hotmail.com><br>
To: "pas2js@lists.freepascal.org" <pas2js@lists.freepascal.org><br>
Subject: Re: [Pas2js] html widgets layout question<br>
Message-ID:<br>
<MN2PR14MB42217560DA487FA165BC0ADFF3310@MN2PR14MB4221.namprd14.prod.outlook.com><br>
<br>
Content-Type: text/plain; charset="utf-8"<br>
<br>
Under the hood for all nyx browser elements css is used for placement but the choice to provide some srandard mechanisms versus using straight css is that nyx is a UI framework that is meant to be a simple interface for web development AND desktop development.
Ie. A nyx button when compiled for desktop will use a standard lcl button but for browser will use a standard web button element. Because of this the interface for controlling sizing and positioning needs to be simple to work for both targets.<br>
<br>
I like fluent interfaces which is why I incorporated that throughout, however it's not a required thing to use it that way.<br>
<br>
I also like being able to see all UI code changes in git diffs clearly vs an ide managed solution to better understand what has been done from commit to commit.<br>
<br>
Ultimately, just another option to use (and a fun side project for me)<br>
-------------- next part --------------<br>
An HTML attachment was scrubbed...<br>
URL: <<a href="http://lists.freepascal.org/pipermail/pas2js/attachments/20201002/a7e54c05/attachment-0001.htm">http://lists.freepascal.org/pipermail/pas2js/attachments/20201002/a7e54c05/attachment-0001.htm</a>><br>
<br>
------------------------------<br>
<br>
Message: 6<br>
Date: Fri, 2 Oct 2020 19:34:19 +0200<br>
From: "Mgr. Janusz Chmiel" <janusz.chmiel@volny.cz><br>
To: "'pas2js discussions'" <pas2js@lists.freepascal.org><br>
Subject: Re: [Pas2js] Nyx framework<br>
Message-ID: <73CA0E36B5334AEC9B1265A2B436B10C@DESKTOPN6LG1HQ><br>
Content-Type: text/plain; charset="us-ascii"<br>
<br>
Dear MR highball,<br>
Please could you add yours samples to The Nyx Github repo so all<br>
source files could be normally loaded by using git clone?<br>
When I have followed yours links to download The samples, It open WeB<br>
interface, and rav button open source code. But it would be very confort if<br>
you would try to add those samples to The Github repository with Nyx<br>
framework.<br>
Fortunately The GUI which is being produced by yours units are fully<br>
accessible with screen readers similarly like GUI which have been created<br>
thanks to htmlwidgets.<br>
<br>
<br>
<br>
------------------------------<br>
<br>
Message: 7<br>
Date: Fri, 2 Oct 2020 21:27:01 +0200<br>
From: "Mgr. Janusz Chmiel" <janusz.chmiel@volny.cz><br>
To: "'pas2js discussions'" <pas2js@lists.freepascal.org><br>
Subject: Re: [Pas2js] html widgets layout question<br>
Message-ID: <F2E12B5AC7D64C5EB301B805D187C0DD@DESKTOPN6LG1HQ><br>
Content-Type: text/plain; charset="us-ascii"<br>
<br>
I have found out The brilant solution. NVDA screen reader which I Am using<br>
support special mode. Where every WEB page GUi element can be placed on A<br>
separate virtual line. By other word, mode which ignore original WEB page<br>
layout. So I can perfectly use HTMLwidgets.<br>
I will have a intensive Pascal week end to finally deeply understand The<br>
structure of Pascal sources which uses HTMlwidget unit.<br>
Thanks to NVDA default mode which represent The WEB page original layout I<br>
can know how WEB page really looks for sighted users.<br>
And to have my life more simple, I can switch to The disable display WEB<br>
page like on A screen mode. Thank all of you for yours patience.<br>
<br>
<br>
<br>
------------------------------<br>
<br>
Message: 8<br>
Date: Fri, 2 Oct 2020 21:30:30 +0200<br>
From: "Mgr. Janusz Chmiel" <janusz.chmiel@volny.cz><br>
To: "'pas2js discussions'" <pas2js@lists.freepascal.org><br>
Subject: [Pas2js] plea for simple code which show text in web page<br>
notification area<br>
Message-ID: <AF57489F348C464BAF3AA32DDA0FC778@DESKTOPN6LG1HQ><br>
Content-Type: text/plain; charset="us-ascii"<br>
<br>
WEB notification area is being videly used by many modern pages. This<br>
approach could be even used to inform user if some question have been<br>
answerred correctly with no need to add some text as A first line of textual<br>
block or with no need to use windowalerd procedure.<br>
The question is, if somebody kind in this mailing list would be so positive<br>
and kind and if this human being would have some time to create simple .lpr<br>
file which used htmlwidgets unit to display some text in The WEB<br>
notification area?<br>
Thank you very very much for yours help.<br>
<br>
<br>
<br>
------------------------------<br>
<br>
Message: 9<br>
Date: Fri, 2 Oct 2020 21:55:09 +0200<br>
From: "Mgr. Janusz Chmiel" <janusz.chmiel@volny.cz><br>
To: "'pas2js discussions'" <pas2js@lists.freepascal.org><br>
Subject: [Pas2js] empty paragraph creation<br>
Message-ID: <ED49D45917F44F0B959CE7FA2F4730D0@DESKTOPN6LG1HQ><br>
Content-Type: text/plain; charset="us-ascii"<br>
<br>
Is it possible to create empty paragraph by using HTMLwidgets unit? To make<br>
empty paragraph which could serve as a divider character between last line<br>
which have been written by using writeln procedure for example?<br>
Do not be afraid, this is my last question for this day.<br>
<br>
<br>
<br>
------------------------------<br>
<br>
Subject: Digest Footer<br>
<br>
_______________________________________________<br>
Pas2js maillist - Pas2js@lists.freepascal.org<br>
<a href="https://lists.freepascal.org/cgi-bin/mailman/listinfo/pas2js">https://lists.freepascal.org/cgi-bin/mailman/listinfo/pas2js</a><br>
<br>
<br>
------------------------------<br>
<br>
End of Pas2js Digest, Vol 32, Issue 4<br>
*************************************<br>
</div>
</span></font></div>
</body>
</html>