Something 'magical' is coming soon! (teaser)

[Pablo]

Overlay Menu

- Added “Popup position” property. When the overlay menu is in ‘popup mode’, this specifies the alignment of the popup menu.

Demo:
https://wysiwygwebbuilder.com/support/wb19tryouts/wb19_overlaymenu_popup.html






- Added 'hamburger icon’ animations. When the hamburger icon is clicked, the bars will animation into a close symbol. There are 13 animation types.



- Added the ability to hide the standard ‘close’ button of the fullscreen overlay menu. This may be useful when using a ‘sticky’ hamburger icon. In which case, the same button can be used to show/hide the overlay menu.

This functionality is demonstrated in this demo:
https://wysiwygwebbuilder.com/support/wb19tryouts/wb19_overlaymenu.html




- It is now possible to open the Overlay menu via the 'Show' event.
This can be useful to trigger the menu via an icon, button, image or any other element that supports events.

[Pablo]

Responsive menu

- Added ‘Icon Offset’ property. This specifies the spacing between the icon and the text.






- When the menu only has one item and the alignment is set to ‘center’, then the menu will behave as a single button. A use case for this feature could involve designing a vertical menu where the icon appears above the text. This distinctive layout is presently unachievable with any of the other navigation tools.

Demo:
https://wysiwygwebbuilder.com/support/wb19tryouts/wb19_responsivemenu.html



- Improved: Script has been converted to vanilla JavaScript (no longer uses jQuery).

[Pablo]

Panel Menu
- Added ‘multiply’ animation. This animates the hamburger icon into a ‘close’ icon.



This feature is also demonstrated in the Overlay Menu example:
https://wysiwygwebbuilder.com/support/wb19tryouts/wb19_overlaymenu.html

[Pablo]

Mega Menu

- Added sub menu 'hover style' properties. These can be used to set the style of sub menu items on hover.



- Added the ability to set a different font size for the column headings.



- Added 'border radius' to button and sub menu properties.



Preview of border radius and header font-size:



- Added transition duration and easing properties.



- The layout of the Mega Menu is now implemented using CSS grid. This enhancement significantly streamlines the resulting HTML code.

- Scripts for the MegaMenu have been rewritten in vanilla JavaScript (no longer requires jQuery)

Demo:
https://wysiwygwebbuilder.com/support/wb19tryouts/wb19_megamenu.html

[Pablo]

Login Tools

- Added 'Synchronize MySQL settings between login objects' option (Tools -> Options -> General). When this option is enabled, any updates made to MySQL properties will automatically apply to all login objects. Additionally, new login objects created in the project will inherit the same settings as existing objects. This eliminates the need to configure each object individually, streamlining the process and ensuring consistent settings across all login objects.




Login Info
- 'Login Name' object has been renamed to 'Login info' to better reflects its purpose.




- Added 'Newest member' option. This displays the newest member from the USERS table on the web page.




- Added 'Total members' option. This displays the total number of members in the USERS table on the web page.



- The ‘Login Info’ object now has all the generic background and border styling options, like gradients, patterns, background images, border styles etc.




Login Signup
- The signup form will now automatically refill the (text) input fields in the event of an error, instead of clearing the fields.

[Pablo]

Content Management System

- Added integration with 'SunEditor'. SunEditor is a lightweight, flexible, customizable WYSIWYG text editor with many features like pasting from Microsoft Word/Excel, advanced tables, media embed, images upload and much more: https://github.com/JiHong88/SunEditor



SunEditor is available in the CMS Admin and Editable Content Admin.




- The software now has the capability to automatically install any missing CMS editors, eliminating the need for manual file copying on your part.

[Pablo]

Rich Text Area

- Added 'Rich Text Area' object. The built-in Content Management System (CMS) tools within WYSIWYG Web Builder come equipped with support for various third-party WYSIWYG text editors such as Summernote, Sunedit, Sceditor, Trumbowyg, and more.
We often get the question if the editors can also be used separately (for example as part of a form), so now we've made them available as a standalone object!





The Rich Text Area object is designed primarily as an advanced input field and doesn't inherently support content loading or saving functionality, which sets it apart from the CMS tools. When integrated into a form, any content entered into it will be transmitted as HTML.
Additionally, the Rich Text Area object serves as a valuable tool for offline testing. It enables users to experiment with various editor settings without the requirement of publishing the page online for each change.

Demos:
https://wysiwygwebbuilder.com/support/wb19tryouts/wb19_richtextarea.html

https://wysiwygwebbuilder.com/support/wb19tryouts/wb19_richtextarea_more.html

[Pablo]

FTP Manager

- The built-in FTP Manager has been redesigned. It now features a local and remote view, so you can easily copy files (and folders) between the server and your local drives, including drag & drop support. The local folder will be remembered for each publish profile.

- Added the ability to delete a folder and all its contents. Normally, it is not possible with FTP to delete a remote folder when it's not empty. But if you hold the SHIFT key while clicking the 'Delete' button then the FTP manager will recursively remove all files in the folder first.

- It is now also possible to upload and download entire folders (including sub folders).





- Both views use shell icons, instead of the generic icons like in previous versions.

[Pablo]

Site Manager

- New feature (experimental): It is now possible to specify an (optional) icon in the menu name property of page properties. This icon will be used when 'Synchronize with Site Manager' is enabled in navigation objects.

For example: Home^home or About^user, where the text after the caret symbol is the name of the icon.






- When you clone a page where the page name ends with a number, the cloned page will have the same name with the next higher number. For instance, if you change 'product1' it will turn into 'product2'.

[Pablo]

Asset Manager

- Added the ability to rename files via the Asset Manager.
In the past, updating a file's name required a two-step process: manually renaming the file on the disk and then replacing it within the project.
Now, you can effortlessly rename files directly from the Asset Manager. This action not only changes the file's name on the disk but also automatically updates all references within the project. So, if the file is used by multiple objects or pages, then it will be updated for all instances!

[Pablo]

User Interface

- Text alignment options in Property Inspector are now rendered as toggle buttons instead of a dropdown list for quicker access.




- Added 'Change lightbox type in page properties' to link properties. This enhancement offers a swift and straightforward method for modifying the lightbox type. It not only streamlines the process but also ensures that new users are aware of their capability to customize the lightbox according to their preferences, which is frequently overlooked.




- All rotatable objects now have an 'Angle' property in the Property Inspector.




- Added 'Project' section in the ‘Home’ tab of the ribbon for quick access to New, Open, Save (as) commands. It also includes a shortcut to the new website wizard.



- Messages Boxes (Are you sure you want to quit, etc) are now also themed, like the rest of the user interface.




- Automatically select all text when entering edit mode. This will highlight all text in the object when you double click it to go into edit mode, instead of moving the cursor to the end of the text.

Standard behavior:



“Select all” behavior:

[Pablo]

Style Manager

- Added support border gradients.




- Added 'Dark Color Scheme Preview' option. Use this option to toggle between standard (light) and dark colors of the style for the preview.




- Added 'Font Variation’ properties. These properties are available for variable fonts only. Additionally, refer to the earlier section in this document for more information on variable fonts.




- Added ‘live preview’ for styles. In previous versions, the preview panel was static and limited to specific styles only. The new live preview renders styles like in a browser. For example, you can now also preview cursors, animations, transitions, filters, text-outline, etc.

[Pablo]

Favorite Icon

- Added the ability to use SVG files in the icons section of the Page Properties. Recently browsers have allowed use of SVG, a vector format. SVG is able to scale up and down without quality loss, and can potentially be very small in size, they can also have embedded CSS, even embedded media queries. For example, to support light and dark themes.

[Pablo]

More than 25 new templates for WYSIWYG Web Builder 19 will available at the release date.
As usual these are just some random ideas, to showcase what you can do with the new tools...


All templates by Pablo

"Beachclub" template



Preview:
https://www.wysiwygwebbuilder.com/support/wb19tryouts/wb19_beachclub.html


"Box Shot" template



Preview:
https://www.wysiwygwebbuilder.com/support/wb19tryouts/wb19_boxshot.html


"Magazine" template



Preview:
https://www.wysiwygwebbuilder.com/support/wb19tryouts/wb19_magazine.html


"Splash Art" template



Preview:
https://www.wysiwygwebbuilder.com/support/wb19tryouts/wb19_splash_art.html

[Pablo]

I started 2 weeks ago with revealing new features for WWB19 and although I did not list all new options yet, I think most of the important new stuff has been covered. The full feature list will be available later.
If everything goes as planned then the release will be somewhere next week.

Here are a couple new tutorials with more details:
https://www.wysiwygwebbuilder.com/ai.html
https://www.wysiwygwebbuilder.com/ai_prompts.html
https://www.wysiwygwebbuilder.com/badges.html
https://www.wysiwygwebbuilder.com/translation.html
https://www.wysiwygwebbuilder.com/website_wizard.html
https://www.wysiwygwebbuilder.com/ecommerce_cards.html
https://www.wysiwygwebbuilder.com/forms_antispam.html
https://www.wysiwygwebbuilder.com/themes.html
https://www.wysiwygwebbuilder.com/ftp_manager.html
https://www.wysiwygwebbuilder.com/richtextarea.html

Also, many of the existing tutorials will be updated with new information and screenshots.
And the PDF manual has also been revised with recent images and added extra information.

I hope you enjoy the new software version as much as the creation process itself.