Blog
All Blog Posts | Next Post | Previous Post
Upping the web form design experience with FNC components in Delphi 12.2
Friday, September 13, 2024
On July 9 this year, we introduced the brand new web based form designer integration in the Delphi IDE. In this blog post, you can learn everything about it.
A part of this Herculean task was to ensure not only the standard TMS WEB Core framework controls could be installed in the IDE for use in this new web based form designer, but also additional custom components and with this, also our entire range of FNC components. To tackle this challenge, we came up with the concept of TMS WEB Core packages that have the Pascal code for custom controls and these packages can be transpiled from the IDE to JavaScript libraries that are loaded at design-time in the web based form designer and that allow you to use components from for designing.
The big difference is that if you design your custom components, they will look at design-time exactly the same way as at run-time in the browser. With this approach, we have now also introduced TMS WEB Core packages for our entire range of FNC components. With these packages, the FNC components can be installed for use in the web based form designer as well.
What this brings and how it can be used in the brand new Delphi 12.2 is all explained in this video:
Get started to create web apps!
We know the landscape for software developers grows every day with choices and complexities.
If you wish to get started creating Delphi web applications, here is an overview of the choices we have available for you:
IDE choices
| TMS WEB Core for Delphi | Reuse all your Delphi development skills from your familiar Delphi IDE |
| TMS WEB Core for Visual Studio Code | Develop using Object Pascal in a free Visual Studio Code IDE from your operating system of choice: Windows, macOS, Linux |
Design-experience
| Classic VCL style form design | Design your form layout in a similar way as in VCL apps, reducing your learning curve and avoiding the need to learn HTML & CSS |
| Web based form designer to design WYSIWYG | Mix TMS WEB Core controls and HTML & CSS all at design-time with a WYSIWYG experience |
| HTML/CSS template based | Use off the shelf available HTML templates, either from the classic form designer or web based form designer. Take maximum advantage of existing HTML & CSS expertise from specialists |
Controls
| Standard TMS WEB Core controls | Wide range of controls already included out of the box in TMS WEB Core |
| Free additional Pascal component wrappers for JavaScript libraries | Use several controls offered as Pascal wrappers around existing & proven JavaScript libraries |
| TMS FNC Chart | Feature-rich chart control feature bar, line, stacked, XY, pie, donut and many more chart types |
| TMS FNC Gantt Chart | Gantt chart based project managemet control |
| TMS FNC UI Pack | Various UI controls including treeview, data grid, planner, ribbon and much more... |
| TMS FNC Dashboard Pack | Set of dashboard controls: gauges, indicators, progressbar, ... |
| TMS FNC Blox | Diagramming & flowchart control set |
| TMS FNC WX Pack | Easy accessible web based functionality like math formula editor, .docx file generation, QR & bar code generation |
| TMS FNC Maps | Mapping, geocoding, directions, POI, GPX, ... handling controls allowing easy use & easy switching between a wide variaty of mapping services. Including Googlel Maps, Openstreet Maps, Leaflet, Azure Maps, Here Maps, Apple Mapkit, ... |
Backend
| TMS XData | Ultra-flexible, robust, high performance Delphi REST API server technology |
| StellarDS.io | No code data in the back-end as a service, allowing you to get started using back-end data in minutes |
Your head start
For your maximum comfort, with the TMS ALL-ACCESS license, you have access to simply all our components.
and at the TMS Training Days, you not only experience these technologies live and learn about the inner workings, but you have 2 days to mingle with other Delphi developers and have fun in the city of Lille!
Bruno Fierens
This blog post has received 8 comments.
2. Sunday, September 15, 2024 at 4:01:31 PM
Amazing !We are now missing Smart Setup For TMS Web Core :D
Thanks for this hard work
WIERZBICKI Stéphane
3. Monday, September 16, 2024 at 8:04:12 AM
We are actually working on Smart Setup enabling TMS WEB Core. Far from trivial task though.We will announce it when it is ready.
Bruno Fierens
4. Monday, September 16, 2024 at 8:04:55 AM
Latest TMS WEB Core at this moment is v2.6.0.0 beta you should have access to if you have an active subscription.
Bruno Fierens
5. Thursday, September 19, 2024 at 8:00:31 PM
What version(s) of Delphi are supported by the New Web Form Designer? I looked elsewhere but don''t see mention of minimum version requirements.
Martin Jeffrey
6. Friday, September 20, 2024 at 8:06:46 AM
Delphi 10.x, 11.x, 12.x
Bruno Fierens
7. Friday, September 20, 2024 at 4:48:24 PM
Moin!I''ve Delphi 12.2 and the newest TMS installed.
I don''t see a switch "Web Designer" as option and when I want to install the (error free) compiled TMSFNCCoreWEB.bpl Delphi can''t find the modul.
What could be wrong?
Mario Müller
8. Friday, September 20, 2024 at 6:34:33 PM
You use TMS WEB Core v2.6.0.0 beta?
Bruno Fierens
All Blog Posts | Next Post | Previous Post
Carney Joseph