Sign in Join

Live chat for Free Pascal, Lazarus, Delphi and every Pascal programmer.

Mailing lists / pas2js / 2020-08

Webwidgets demo

5 messages · 3 people · –

Reply by email Subscribe to this list Your subscription

Read-only archive. Use j and k to move between messages.

Michael Van Canneyt

Hello,

As promised in another thread, I have published a demo for the html widgets you can find in pas2js SVN.

The demo sources are in pas2js/demo/webwidget/widgets

You can view the demo online in:
https://www.freepascal.org/~michael/pas2js-demos/widgets/

Some points to note:

- This demo is very much a WIP (Work In Progress). I publish it because I want to help one of the members here on the list.

- The Demo is not designed to showcase the code, but rather the components themselves. As such I'm not 100% convinced it is the best way of learning to work with them.. :(

- The object inspector is also a WIP, I have a local version which contains improved, but not yet fully ready, functionality, so I didn't use that yet.

- The components are used in several real-life applications for clients of the company I work for, so the components themselves are 'stable'.. (I use them with the html2form tool published earlier today)

- We are working on a system to design webpages in the Lazarus IDE, these web widgets have been designed with such a system in mind, i.e. they are TComponent descendants and have published properties.

- VCL Compatibility is NOT a goal, rather the opposite: the aim is to work with HTML, not to emulate LCL/VCL components.
Although you could probably build on these to create a LCL widgetset.

- Did I already mention the demo is a WIP ?
I still need to add several components to the demo, and improve styling. The Bootstrap toast manager for one is a particularly useful one.

Enjoy,

Michael.

Reply by email

Michael Van Canneyt
to Mgr. Janusz Chmiel
Mgr. Janusz Chmiel wrote
Thank you for The demos. It is very good source to demonstrate yours unit and code also contain useful parts to learn The programmers techniques how to work with widgets.

I have added a demo for some bootstrap-based components in the webwidgets demos.

If you look at the demobootstrap.pp unit, and in particular the TToastManagerDemo class, you'll see how you can actually use the classes: there you'll have some code which resembles "real-life" code.

Michael.

Reply by email

Simon Ameis
to Michael Van Canneyt
Michael Van Canneyt wrote 7 lines
I have added a demo for some bootstrap-based components in the webwidgets demos. If you look at the demobootstrap.pp unit, and in particular the TToastManagerDemo class, you'll see how you can actually use the classes: there you'll have some code which resembles "real-life" code.

I tried to transpile the demo myself. However this fails with message:

bootstrapwidgets.pp(132,33) Error: identifier not found "TDIVWidget"

Did I miss anything? I also reported it as bug #37726.

Simon

Reply by email

Michael Van Canneyt
to Simon Ameis
Simon Ameis wrote 14 lines
Am 30.08.2020 um 11:47 schrieb Michael Van Canneyt: > I have added a demo for some bootstrap-based components in the > webwidgets demos. > > If you look at the demobootstrap.pp unit, and in particular the > TToastManagerDemo class, you'll see how you can actually use the > classes: there you'll have some code which > resembles "real-life" code. I tried to transpile the demo myself. However this fails with message: bootstrapwidgets.pp(132,33) Error: identifier not found "TDIVWidget" Did I miss anything? I also reported it as bug #37726.

I forgot to commit a file. Done.

Michael.

Reply by email