Web GUI Application with Pas2JS needs WCL package error
lazarus / 38-Networking and Web Programming

----------------------------------------------------------------------
Schmitty2005 · 2026-03-23 12:51

I have installed pas2js-rtl and pas2js-ws using the  FPCUPDeluxe
'Modules' tab.  I create a new project with "Web GUI Application
(pas2js)".  I add a button to the form.  I compile and get a broken
dependency error  "The project requires the package "WCL" but it was
not found.  The WCL components are available in the IDE. 

There is no package named "WCL" in the package manager or the online
package manager that I could find.

I am using Lazarus 4.99 and FPC 3.2.2

Suggestions ?

----------------------------------------------------------------------
rca · 2026-03-23 14:22

Look at this post:
https://forum.lazarus.freepascal.org/index.php/topic,73362.msg575102.h
tml#msg575102


And then, to use it, see this other post:
https://forum.lazarus.freepascal.org/index.php/topic,73370.msg575218.h
tml#msg575218

----------------------------------------------------------------------
Schmitty2005 · 2026-03-23 15:50

Thank you!  That fixes that issue.


Now, when starting a new project with blank Web GUI project and no
widgets,  upon compiling  I get an error : 

Code: Pascal  [Select][+][-]window.onload = function(){var x1 =
document.getElementById("main_content_section"); if (x1) { var x =
document.getElementsByClassName("geshi");for (var i = 0; i
dialogs.pas(507,32) Error: Incompatible type arg no. 2: Got "open
array", expected "array of const" 
I would think this would just make a bare-bones webpage that I could
run in a browser. Is this because of 4.99 ?  Or some other mistake
that I'm making ?

----------------------------------------------------------------------
rca · 2026-03-23 16:33

Quote from: Schmitty2005 on March 23, 2026, 04:50:50 pmThank you! 
That fixes that issue.


Now, when starting a new project with blank Web GUI project and no
widgets,  upon compiling  I get an error : 

Code: Pascal  [Select][+][-]window.onload = function(){var x1 =
document.getElementById("main_content_section"); if (x1) { var x =
document.getElementsByClassName("geshi");for (var i = 0; i
dialogs.pas(507,32) Error: Incompatible type arg no. 2: Got "open
array", expected "array of const" 
I would think this would just make a bare-bones webpage that I could
run in a browser. Is this because of 4.99 ?  Or some other mistake
that I'm making ?

Look at:
https://github.com/pascaldragon/Pas2JS_Widget/issues/27

----------------------------------------------------------------------
Schmitty2005 · 2026-03-24 14:02

That helped.  Now when I make a new WebGUI app, I drag a WCL button
onto the form and compile it. I open the project in the brower, and
the button takes up the whole page.  Other components also seem to
take the whole page, and seem to partially work in Chromium, but not
Firefox.

Is WebGUI for lazarus still in developmet and not complete ?   Or am I
not doing something right ?

What would be the best solution to make a simple RAD  HTML form type
app with Lazarus ?   Another Framework ?

----------------------------------------------------------------------
rca · 2026-03-24 15:14

In the second post I gave you a link on how to use it, please read it;
it explains that visually all the widgets are broken and how to fix
it.

----------------------------------------------------------------------
valdir.marcos · 2026-03-25 22:04

Quote from: rca on March 23, 2026, 03:22:31 pmLook at this post:
https://forum.lazarus.freepascal.org/index.php/topic,73362.msg575102.h
tml#msg575102


And then, to use it, see this other post:
https://forum.lazarus.freepascal.org/index.php/topic,73370.msg575218.h
tml#msg575218
Thanks.

----------------------------------------------------------------------
Schmitty2005 · 2026-03-28 15:09

Quote from: rca on March 24, 2026, 04:14:59 pmIn the second post I
gave you a link on how to use it, please read it; it explains that
visually all the widgets are broken and how to fix it.

Thank you for your responses.  I will have to check into this later.