Brochure of new features: New WEBDEV features
Benefit from the 180 new features of version 24
WEBDEV 24 benefits from most of the 180 new common features of version 24.
WEBDEV 24 benefits from the possibility of editing web pages directly in WINDEV, the new Token control, changes in WLanguage, HFSQL, Webservices, OpenID, prefixed WLanguage syntax, changes in the code editor, SCM sharing, Business Logic/GUI code splitting, etc.
And in addition to all these new features, WEBDEV 24 benefits from new features specific to the Web.
New Clickable Switch control
As a foretaste of the new controls, let's take a look at the "Clickable Switch control".
These "clickable switch" controls are increasingly popular in web pages.
In WEBDEV 24, it is very easy to use this type of control in your pages
New "Automatic pane" control
The use of sliding panes in Web sites and applications is becoming more and more popular.
These panes can contain controls, menu options, charts, internal pages, ...
WEBDEV 24 offers an automatic management of these panes.
These mechanisms are made possible by significant improvements of the "Drawer control".
Note that the closed pane shakes when the mouse hovers over its area in order to be noticed!
Automatic pane: how it works
Automatic panes display data that can be hidden on demand, either by the user using a button or by programming.
When a pane is closed, the rest of the page adapts itself to occupy the entire space.
When a pane is opened, the content of the rest of the page is either automatically moved or overlapped.
A pane (drawer) can be placed on the left, on the right, at the top or at the bottom.
A page can contain several panes (several drawers).
Smart feature: when the user hovers over the closed pane with the mouse, the pane "shakes" a few pixels to indicate its presence!
Automatic pane: how to create it?
Creating an automatic pane in the WEBDEV 24 page editor is very easy.
An automatic pane is created like a Drawer control.
It is possible to create an "automatic pane" zone and to place the desired controls in it.
Automatic panes can also be created by selecting a set of controls, then, right-click to choose a "refactoring" of these elements into an automatic pane.
The automatic pane can also contain an internal page.
Then, simply position the open/close button (optional).
Automatic pane: open/close button (optional)
A pane indicates its presence with a "button" that opens or closes the pane when clicked on.
There are several button templates.
This button is optional, the pane works in the same way with or without it.
This button is just a visual aid for the Web user.
Automatic pane: how to program it
There is no programming required to use automatic panes.
The settings are defined using the "7 tabs" technology.
However, it is possible to modify the automatic panes by programming, to open, close, resize them, ...
New Token edit control
Token controls are very easy to include in your pages, and they are widely used for multiple sorting criteria.
It is a new type of control which is available in version 24 of WINDEV, WEBDEV and WINDEV Mobile.
In WEBDEV, the Token control has an additional feature...CaptionHTML
allows modifying the appearance of the token by inserting HTML code.
New YouTube control
In WEBDEV 24, it is easy to display videos on YouTube thanks to the new, well named "YouTube" control.
This control is available through the "YouTube" option of the Multimedia control.
Simply enter the video URL and specify some options, if necessary: play video automatically, display gridlines, ...
Multimedia control: it accepts URLs
In version 24, the Multimedia control accepts URLs.
This allows you to play videos (or music, etc.) on another server, especially on CDNs.
CDNs are content servers, dedicated and optimized for storing large volumes of data.
New "popup" Combo control
The "basic" browser combos are quite plain when it comes to appearance: plain text, ...
WEBDEV 24 allows you to easily create combos that display a small "Popup" page when you expand them.
The expanded area of this combo displays a Popup that you have previously created.
Creating a project
Creating a project becomes more intuitive.
The different modes (Classic (Session), AWP, PHP) are better presented.
The interface for creating pages is also reviewed and simplified.
In version 24, image management becomes much more intuitive. No more "static", "dynamic", "generated" images, etc. The type of image is detected automatically.
Please note that your existing elements remain the same and work just as well.
Interface of the "7 tabs"
The "7 tabs" technology makes it possible to create powerful and sophisticated interfaces in little time.
In WEBDEV 24, the content of the "7 tabs" windows is significantly simplified while keeping its functional richness.
The content of the "7 tabs" is harmonized between WEBDEV, WINDEV, and WINDEV Mobile.
You will love this set of modifications. It is even easier to create your pages!
Anchoring and zoning
Anchoring and zoning operations are simplified in version 24.
WINDEV users will find a similar behavior.
Optimization of the opening speed of pages and projects
The page opening speed is drastically improved. The gain can be as high as 1.000% (10 times faster).
Optimization of project compilation speed
Depending on the type of project, the compilation speed in version 24 can be improved by a factor of 2 to 5.
Page templates : increased speed of page updates
Updating pages using page templates is much faster in version 24.
The technology for spreading changes has been optimized and the gain can be substantial.
5 examples of responsive pages to discover their construction
WEBDEV 24 comes with 5 illustrative examples of Responsive pages:
- administration page.
These illustrative pages have been designed so that you can discover (by comparison) the parameters to apply to your own pages in order to make them responsive: blade, control visibility, anchoring, ...
By studying these pages in the editor, you will know how to organize your responsive blades in your own pages!
"Full Screen" mode for all the charts
In version 24, WEBDEV allows the user to switch a chart of the page to "full screen" mode with a click.
The Esc key allows you to return to the previous mode, which is the standard behavior.
2 New skins
2 new skins are provided in version 24: Material Design Blue 2 and Ninja skins.
Use these skins for your sites as you like!
OOP in browser code (it already existed in server code!)
In version 24, it is possible to use OOP (Object-Oriented Programming) in browser code.
This allows for better portability and code sharing.
And this allows especially those who want to program in OOP to do so!
Class: "browser" or "server" or "browser + server"
A class can be declared as:
- "Server" class.
- "Browser" class.
- Or both: "Server + Browser".
An entire class can thus be shared between Server code and Browser code.
See the equivalent feature for procedural code in the new feature 831.
Image assigned by programming
Before version 24, when an image was assigned by programming, it was necessary to indicate in the "7 tabs" of the image control if the image was in the _WEB directory or not.
"Locate the image in the _WEB directory in browser code": it was a little tedious, ...
In version 24, it is no longer necessary to specify if the image is in the _web directory or not.
It is assigned in any case.
Note that the existing settings are kept; a "compatibility" combo in the "7 tabs" makes it possible to keep, find and modify old settings if necessary.
Browser code: 9 new functions
9 new WLanguage functions are introduced in server code in version 24.
WLanguage "Open" function in WEBDEV
In version 24, the functions Open
are supported in WEBDEV.
It must be pointed out that these WLanguage functions have the same behavior in WEBDEV as in WINDEV; this is a "blocking" function, which waits for the other functions.
WLanguage "Close" function in WEBDEV
In version 24, the Close
function is supported in WEBDEV.
"Dialog" and "Input" WLanguage functions in WEBDEV
in version 24, the functions Dialog
are supported in WEBDEV.
On the one hand this can simplify programming, and on the other hand it improves the automatic cross-platform porting of applications.
1 single line of code, Dialog function,...
, ... and boom! A beautiful dialog box appears
Preset actions visible in the code
Preset actions on a control (on a button for example: click, ...) are defined in the "7 tabs".
It's very practical.
When you resumed a project and studied the code, the selected preset action was not visible in the code editor.
Before version 24, it was necessary to go into the "7 tabs" and verify if a preset action had been selected.
In version 24, the preset action can be seen in the code: a description is displayed in the corresponding process, directly in the code editor.
Pro tip: the "7 tabs" window opens by clicking on the description!
Local procedure: "Browser", "Server" or "both"
In version 24, a local procedure can be defined according to 3 modes:
- Both Browser and Server.
For example, an input check is often performed both in Browser for local checks and in Server to check the received data.
There is an equivalent feature in OOP, see new feature 740.
Transform a Server local procedure into a Browser local procedure, ... (and more)
In version 24, it is possible to change the existing type of local procedure at any moment.
A local procedure can be transformed from one mode to another:
- Server to Browser.
- Server-to-Server Browser.
- Browser to Server + Browser.
It is no longer necessary to duplicate code!
Business logic Request-Update-UI Execute-Update-UI
In version 24, the functions RequestUpdateUI
are available in WEBDEV.
These functions allow you to call the "GUI Update" process by program (from the page).
This allows for architectures where the business logic is separated from the GUI code.
It makes possible to use the MVP architecture with WEBDEV.
HFSQL automatic help windows in Ajax
HFSQL provides automatic help windows when an unexpected error occurs: duplicate detected, recording blocked, ...
In version 24, automatic help also works in Ajax processes: these windows are displayed when the event that causes the error occurs in an Ajax process.
83 new WLanguage functions for Ajax
In version 24, many new WLanguage functions support Ajax.
See the entire list in the online help.
In classic (session) mode, in Ajax processes : use PageDisplay
In version 24, it is possible to use the PageDisplay
WLanguage function in an Ajax process.
This simplifies the code.
Test of REST Webservices
WEBDEV allows creating and testing REST Webservices.
In version 24, the test tool also includes 4K screens: the display is adapted accordingly.
Native WLanguage type
Web technologies use JSON very often.
Version 24 offers both a new native WLanguage JSON type and a new JSON item (column) category.
WEBDEV 24 takes advantage of these powerful new features in exchange of data by Webservice, between Browser and Server, ...
See new feature 110.
New PHP controls
The new controls of version 24 are available in PHP:
OOP available in browser PHP
In version 24, it is possible to use OOP for the browser code in PHP.
7 new WLanguage functions for PHP
7 new functions are available in PHP
Nothing to install for the go: Web server integrated to the environment
To test your sites under development, there is no need to install and configure a Web server (such as IIS or Apache [although using Apache was smart]) on your development computer.
A Web server is integrated into the WEBDEV development environment.
GO of site: the end of UAC
In earlier versions of WEBDEV, a UAC (Windows Account Control) could be triggered several times during the day.
In version 24, thanks to the integration of the Web server into the environment, UACs disappear and developers are no longer interrupted.
The Key functions are now available in WEBDEV Linux.
Docker of the application server
An image of the WEBDEV Linux Application Server is available on DockerHub.
The Application Server can be installed in one command line!
See new feature 958.
SPA: management of planes
A Single Page Application is often built on different planes.
In version 24, managing planes is more visual.
It is easy to:
- View all the planes.
- Insert a plane.
- Move a plane.
This new feature concerns the planes themselves as well as the planes of container controls.
A new "Instagram" control opens the user's Instagram account page.
This allows the user, for example, to easily subscribe to an Instagram account.
Security audits : Classic (session) mode that matches the criteria
The WEBDEV Classic (session) mode is based on an automatic management of sessions.
Session identification uses a protocol that makes it impossible to maliciously generate the identifier used (more than 1 million billion billion possibilities).
However, it was theoretically possible to copy/paste the session ID (full URL) in another browser with the same IP address and enter the session, if it hadn't already ended.
This was only possible from a computer in the same company, by performing this manipulation at the same time.
No real cases of this manipulation have ever been reported.
Nevertheless, security audits could identify this theoretical possibility.
In version 24, this operation is no longer possible.
Simplified Linux setup: Docker container of WEBDEV server application
In version 24, a Docker container with the WEBDEV application server is present in Docker Hub.
Setting up a Linux WEBDEV Application Server becomes extremely simple: 1 line to type or script!
Depending on the type of server (10 or unlimited simultaneous connections), you will be asked for the server's serial number.
Simplified setup: No need for FTP
In version 24, it is no longer necessary to use an FTP server to install the WEBDEV application server.
This simplifies the setup process!
Of course, it is still possible to continue using an FTP server.
SaaSCheckService : optimizations
In SaaS, it is possible to check at any moment whether the connected user has the rights to use any functionality.
This verification uses the WLanguage function SaaSCheckService
(Here, "Service" is used in the sense of "SaaS functionality").
In version 24, SaaSCheckService
can check a set of services in a single call.
This reduces the number of lines of code, but most importantly it reduces round trips to the server!
Administrator in Web mode
In version 24, the administrator in Web mode benefits from new features: install several sites with the same name on the same server, make the JSON description of a REST Webservice accessible, ...
No need to disconnect web users: zero downtime update of you dynamic sites
This new feature will satisfy all Classic site administrators (Session sites).
Updating a Dynamic Classic site (session site) no longer requires disconnecting all Internet users to perform the update!
In version 24, the update of a site does not affect connected users, whether in AWP or Classic mode.
Trigger? procedure executed each time the Webservice is called (Prolog function)
In version 24, it is possible to specify that a procedure must be called (and executed automatically) each time a Webservice is called.
This makes it possible, for example, to set up security or billing systems, such as a check of a token passed in the header.