System Mechanic Professional

What's new in this version:

WYSIWYG Web Builder 18.4.2
Fixed:
- Issue with position of real-time form validation in flexible layouts
- Checkboxes in lists (global replace, font manager, etc) not visible when 'skinned dialogs' is off
- Issue while resizing section items with bottom alignment


WYSIWYG Web Builder 18.4.1
- New feature: Added 'tiktok' and 'threads' icons to FontAwesome library
- New feature: Implemented text API interface GetText(), SetText() for 'first-party' extensions
- This makes it possible (in the future), to add find and replace etc. to all extensions. This requires an update of all extensions so it will take some time before it's fully functional, but the plan is that eventually this will be supported by all extensions
- Note that all (third party) extensions created with Extension Builder already support this functionality
- Improved: Added support for 'spaces' in the default 'Validation pattern' of the Login Signup form
- Improved: Overlay Menu in popup mode no longer hides page scrollbar


WYSIWYG Web Builder 18.4.0
New:
- New feature: Find and Replace now works with all built-in objects. Previously "find and replace" only applied to text objects. The functionality has been completely redesigned so it now includes other objects like headings, cards, navigation and even titles/descriptions of images! Similar to previous behavior, the 'find' function will iterate through all matching objects. In the case of text objects, the corresponding text will be highlighted, whereas for other matching objects, the object itself will be selected. When using the "find and replace" feature, text replacement can be executed without the need to open the properties. This update not only enhances the functionality of the find/replace feature but also lays the groundwork for future possibilities, such as translation (teaser?).
- New feature: All text input fields now have the ability to change case and insert lorem ipsum via the context menu. In the future, more powerful tools may be added to this menu... (teaser?)
- New feature: Added new 'x-twitter' icon to FontAwesome library
- New feature: Added 'End of Line' property (LF or CRLF) to form properties (Advanced -> Miscellaneous). This controls the value of $eol when using PHP mail(). Using CRLF is recommended (default for new projects).
- New feature: Added the ability to sort items in the File Publisher object
- New feature: Added 'Full Width' property to Flip Switch. This specifies whether the element is full width when used in a Layout Grid.

Improved:
- The drop down menu of the 'Import' button in "Select' and 'Auto complete' properties is now themed. Also, added a dropdown arrow to indicate it's a button menu.
- All context menus are now themed
- Breakpoint arrows on ruler are now DPI aware
- Updated 'Pages using the selected Master Pages/Master Frame" to 'Pages using the selected Master Pages/Master Frame/Embedded Pages' in publish settings
- Stencil gallery adapts colors for dark themes
- Office richedit support in dialogs (shape text, blog)
- Added tooltip to 'make same height' command in the Arrange toolbar
- Repositioning of 'offcanvas' layer elements in breakpoints
- The drop down menu of the 'Rotate' button in "Photo Gallery' and 'Slide Show' properties is now themed and displays icons
- The drop down menu of the 'Add' button in the Form Wizard is now themed
- 'Insert Symbol' dialog for text is now themed
- FontAwesome no longer includes the (huge) SVG file, because all modern browsers have been supporting WOFF or WOFF2 for years now
- The Icon selection dialog remembers size and position
- Updated to the latest PHP Mailer version: 6.8.1
- Updated to the latest jQuery version: 3.7.1


WYSIWYG Web Builder 18.3.3
Improved:
- Better session management for Login Administrator and bcrypt
- Extensions without div should not have breakpoint CSS
- Changed the scope of the CSS Menu link styles to prevent duplicate properties being applied
- Responsive menu hamburger icon is no longer selectable (user-select:none) to prevent the browser from rendering a blue box on top of it

- Fixed: Tabmenu does not include Google Font reference


WYSIWYG Web Builder 18.3.2
Improved:
- Added file upload variables initialization in PHP form script to suppress warnings with PHP8
- Added extra validation for creating MySQL form fields

Fixed:
- Under some conditions, the browser and referrer MySQL fields were mixed-up in forms
- Compatibility issue with News Feed Ticker and jQuery 3
- Issue with padding for Bootstrap Date Picker


WYSIWYG Web Builder 18.3.1
- Improved: Optimized resources related to smart docking (UI)

Fixed:
- Issue with border and full width slideshow
- Issue with content place holder overflow in breakpoints
- Refresh issue with property inspector drop down options


WYSIWYG Web Builder 18.3.0
New:
- New feature: Added the ability to use AVIF images

Improved:
- Updated to the latest jQuery version: 3.7.0
- Better contrast in animation preview for dark mode themes
- "New Page from Template' window is now resizable. Preview thumbnails have been improved. Also, the last selected category is remembered
- Removed dependency on jQuery UI styles for (Bootstrap) Datepicker
- Workaround for Lighthouse "Skipped heading level" message in Mega Menu
- Flexgrid editor is now themed
- Updated to the latest jQuery UI version: 1.13.2. This solves several vulnerabilities
- Updated to the latest PHP Mailer version: 6.8.0

Fixed:
- Theme Manager does not generate preview image
- Issues with floating editbox size
- Removed extra } in css for buttons
- Issue with (Bootstrap) Auto Complete dropdown placement
- Issue with CSS sub menus
- Issue with split button in Drop Down menu
- Button image not published for Edit Profile
- Issue with jQuery UI theme preview in Navigation bar properties
- Carousel font library dropdown is not themed
- Issue with Carousel navigation icons in templates
- RSS image selector is not themed
- Issue with empty Flex grid cell CSS


WYSIWYG Web Builder 18.2.2
- Change log not available for this version


WYSIWYG Web Builder 18.2.1
Fixed:
- Button alignment property in Dialog
- Flex container margin in floating layout
- Border radius in Sections
- With CSS menu custom border properties
- Icon scaling in Site Manager shortcut toolbar
- File Upload button border-radius

Improved:
- Workaround for Lighthouse "Skipped heading level" message in News Feed Ticker
- The handling of font weights in Google Fonts has been updated for styles
- Card Container no longer uses jQuery for coverflow, stack, cube and flip. The scripts have been redesigned to use standard JavaScript only, resulting in smaller output.
- Updated to the latest jQuery version: 3.6.4


WYSIWYG Web Builder 18.2.0
New feature:
- Previously the format toolbar could only be used for text, but now it can be used for most built-in objects that use text (headings, form elements, menus etc), so you can quickly update the font-size, font-family, change case, text color etc.
- The formatting tools can also be used for individual card and section items! The items can be selected/highlighted to update font-family, size, color etc without having to open the Card/Section properties.
- Formatting tools now apply to all selected objects. This makes it possible to quickly change the font, text color, alignment etc of multiple objects.
- Added underline property to Select/Combobox, Editbox, TextArea, FlipSwitch, Label, Button, Themeable button
- Added text alignment property to Select/Combobox and Date Picker's editbox
- Added link support to the Tooltip object
- Added support for box shadow to YouTube, Vimeo and HTML video
- Added border properties (including custom and image) to YouTube, Vimeo and HTML video
- Added custom border and border image properties to inline frame. The border properties also have been moved to a dedicated 'Style' tab.

Improved:
- jQuery UI Datepicker now uses SVG instead of PNG images for next/previous buttons for better quality and performance
- Added bold, italic and underline properties to Text Menu. These properties can be used when no hyperstyle style is selected.
- Preview images in Blocks Manager now scale on High DPI screens

Fixed:
- Issue with CSS menu images


WYSIWYG Web Builder 18.1.1
Fixed:
- Issue with tabs steps icons
- Issue with flex container padding
- Issue with Captcha padding
- Issue with publishing very small files via FTP/FTPS

Improved:
- Removed JavaScript source map comments
- Form email list (via combobox) can now also be used in nested layout grids
- Responsive font-size for Horizontal Line
- Added experimental support for richedit v9 (16.x)


WYSIWYG Web Builder 18.1.0
New feature:
- Added 'transition' properties to Themable Button. This specifies the timing and duration for the hover transition
- Added the ability to set individual borders for buttons and images in cards
- Added the ability to set the alpha value of the pagination colors in the Carousel and Slideshow to create (semi) transparent indicators
- Added 'Edit Text' command to the ribbon / menu. This adds an alternative way to go into text edit mode. The default keyboard shortcut is Ctrl+E, but you can customize this via Customize -> Keyboard
- Added 'text-decoration' property to transitions and animation keyframes. This can be useful for example to add (solid, wavy, dotted, dashed, double) underline/overline/line-through decoration to a heading
- Added support for export to 'Quick 'n Easy Web Builder 10' projects

Improved:
- Added support for webp images to fancybox lightbox
- Added render-size options to design-time preview image of extensions. This gives extension developers more control over the preview image. This feature requires Extension Builder 7.
- Editbox/TextArea validation now also takes floating label into account
- New icon for "Responsive Text' object to prevent confusion with standard text
- Padding of the Card Container is now responsive
- Added 'Full width' property to Card Container property dialog
- The 'Site Search' input field now supports flexbox and has improved floating behavior
- Icon size of the Carousel is now responsive, to use different icon sizes in breakpoints
- Added context help to the following property dialogs: form, divider, style, box-shadow, conditions, validation, bookmark
- Clicking the 'Help' button will open the relevant topic in the help
- Upgraded the FTP engine (for publishing) to v9.5.0.93 with the latest security fixes and compatibility improvements
- Fixed: Issue with Accordion arrow placement in Safari browsers


WYSIWYG Web Builder 18.0.6
Fixed:
- Issue with rollover layer jQuery UI animations
- Issue with padding in Logout Button when using class

Improved:
- The active breakpoint will be restored after 'preview/publish'
- Applied padding to table header
- Added support for border radius via custom border settings
- Margin behavior of images in layout grid
- Implemented workaround for 1 pixel offset in DropDown menu and Themable menu
- Overlay menu now uses flexbox for alignment
- Upgraded to PHP Mailer version 6.7.1


WYSIWYG Web Builder 18.0.5
Fixed:
- Left/right margin of layout grid not included in breakpoints
- Issue with box-sizing in Auto Complete / Bootstrap

Improved:
- 'Activate on hover' behavior of Tabs
- Full width behavior of Polygon in Layout Grid
- 'Insert Symbol' dialog is now DPI aware
- Added the ability to change the 'hamburger' title of the dropdown menu
- Default layout for Section items is now set to 'scale'


WYSIWYG Web Builder 18.0.4
- Change log not available for this version


WYSIWYG Web Builder 18.0.3
Fixed:
- Issue with master page rendering 'lock'
- Missing captions in Blocks Manager
- Issue with Panel Menu icon size

- Improved: Several improvements in the Tab Menu related to predefined styles


WYSIWYG Web Builder 18.0.2
Fixed:
- Issue with gradient hover color in CSS menu
- Issue with title font-size in Table Of Content
- Issue with Login - Edit Database

Improved:
- The option 'do not encode characters' in text, no longer encodes '<' and '>' for output
- Background image repeat rendering of page styles
- Selected items in the Object Manager and Site Manager now use focus color for better contrast
- Implemented workaround for issue with FindFirstFile() and .wbx64 on non-english Windows versions
- Optimized missing extensions logic
- Optimized layout calculations to prevent unneeded trigger of modified flag
- Toast show delay can now be 0


WYSIWYG Web Builder 18.0.1
Fixed:
- Crash related to master frames
- Issue with Card Container set to 'Carousel' and maximum width
- Issue with Card Container column gap
- Issue with font-size in Card text set to
- Issue hamburger icon color in Responsive Menu
- Issue with responsive Carousel alignment
- Missing 'ondomcontentloaded' scripts in Embedded page

Improved:
- Updated 'Photo Gallery - Carousel' block to Bootstrap 5
- PayPal Shopping cart slide animation now uses CSS transitions
- Responsive text now supports link styles
- Added checks for missing target in events with master pages
- It is now also possible to rename the page name via double click tab when a breakpoint is active
- Added support for .webp to the PrettyPhoto lightbox


WYSIWYG Web Builder 18.0.0
Styles Everywhere:
- New feature: Most built-in objects now have support for styles. This means that the colors and fonts of these objects can be controlled from one place (in the style manager).
- Previously styles were only available for basic HTML elements like form elements (editbox, select, button etc) layers, text. In WWB18, even advanced elements like menus, login forms, jQuery UI/ Bootstrap widgets, shapes and images have style support!
- It's even possible to use styles for the page background!
- Styles can be useful to quickly update the styles of the entire website during design time, but it's also possible to make a style switcher for when the page it online... So, the visitor can choose its own style.

Dark Color Scheme:
- One of the reasons why WWB18 has extended support for styles is to make it possible to introduce another cool new feature: CSS color schemes (dark / light)
- Now you can create a different color scheme for web site visitors who prefer dark mode
- Normally, when you design a website it is for light mode only
- In the style manager, each color also has an (optional) dark color property, so you can set a different color for the background, text, border when the browser runs in dark mode.
- Besides dark mode styles, WWB18 also has the possibility to invert the colors of an object for the dark color scheme. In that case, you do not have to use styles, but all colors will be inverted (negative).

Section:
- New feature: Many WWB users love Cards, because they are easier to create great looking content blocks. WWB18 has a new design element called 'Section'. A Section works the same as a Card, but the main difference is that elements can be freely positioned (layered)! Each element can anchored positioned/anchored without effecting other elements in the same section, The alignment (horizontal/vertical) of an element can be left, center, right or stretched. Image and video automatically maintain their aspect ratio. Just like a card, Sections support dividers, animations/transitions, events and much more!

Protected Content:
- New feature: Added the ability to show/hide elements based on the login status of users. Instead of creating a separate protected page, now it's also possible to protect specific content on a page.
- Available options are: show for all users (default), show for login in users only, show for logged out users only, show for specific user groups (user roles).
- For example, you can show a login button for user that are not logged in and a logout button for logged in users.
- When an protected content for an object is enabled, then the workspace will render display and 'lock' icon in the lower right corner. The color of this icon can be set in Tools -> Option -> Grid and Guides. The icon overlay can also be disabled.
- Protected Menu Items - Visibility Control of menu items based on the login status
- New feature: Added the ability to show/hide menus items based on the login status (logged in, logged out, group/user role)
- This features is available for: Breadcrumb, CSS Menu, Dropdown Menu, Go Menu, Mega Menu, Menubar, Overlay Menu, Pagination, Panel Menu, Responsive Menu, Slide Menu, Tab menu and Text menu.

Mouse Effects:
- New feature: Added 'Mouse Effects': Mouse Track and 3D tilt
- "Mouse Track" creates a sense of depth by making objects move in relation to the visitor’s mouse movement. The speed property controls the level of the effect.
- "3d tilt' tilts the object according to the movement of the mouse. The angle sets the maximum tilt rotation (degrees).

Custom Scrollbars:
- New feature: Added the ability to customize the scrollbars of web pages. Now you can make style scrollbars to match the rest of your design! There are properties to set the colors, width, border and radius.
- Note that this is an experimental feature because Custom Scrollbars are not fully supported by all browsers yet. It works in Egde, Chrome, Safari and partially in FireFox.

Simplified Ribbon:
- WWB18 has a new redesigned ribbon mode: Simplified Ribbon. The Simplified Ribbon is a combination between the classic toolbar and ribbon.
- The Simplified Ribbon shows the commands in a single line which not only brings a modern interface to WWB but also frees up space to show more of the page you are working on.
- Because there is less space available, all buttons might not be visible. If you want to switch back to the classic ribbon where you can see more commands, simply click the downward pointing arrow in the lower right corner of the ribbon to expand it. Use this arrow control to switch between the simplified and classic ribbon. It's also possible to switch between ribbon, classic menubar/toolbars and simplified ribbon in Tools -> Options -> User Interface -> User Interface

Icons Libraries:
- New feature: Added 'User Collection' functionality. This make it possible to add icons to a custom collection so you have all your favorites icons in one place.
- You add any icon form any icon library. The icons from the user collection will be saved in SVG format, so you can even remove the icon library from your computer if you no longer need the other icons!

Animations:
- New feature: Added 'Alias' functionality. This make it possible to give animation an name that is easier to remember.
- Over the years we have added many new animations. Most animations have technical names like 'transform-lightspeed-in' or 'transform-swing'.
- By using an alias they can now be displayed as 'Lightspeed In' and 'Swing'. Internally, the software will still use the original name (because renaming the animation name would break existing websites, that use that animation).
- So, an alias is only to make it easier to identify the animation. Note: when 'display aliases in user interface' is enabled then animations without an alias will not be displayed. Which can also be useful to hide less frequently used animations without removing them completely!
- New feature: Added 'Copy / Paste' functionality. This makes it possible to copy/ paste animations and transitions between objects.

Stock Photo:
- New feature: Added integration with for 'Pexels'. WWB already supported UnSplash and Pixabay, and now you can also easily use free stock photos, royalty free images & videos shared by creators on Pexels.com

Site Summary:
- New feature: Added Site Summary option. The summary contains statistics about the web site project for informational purposes.

SEO Assistant:
- New feature: Added "SEO targeting" functionality. This option uses the keywords from the page properties (Meta tags) and checks whether these words are actually used in the page title, description and main heading (h1).
- New feature: Added check for page title length. The recommended number of characters for the page title is between 30 and 60 characters. The SEO Assistant will display a warning if the title is too short or long.

Sitemap:
- New feature: Holding down the SHIFT key while changing the frequently or priority will apply the new value to all pages in the project.

Asset Manager:
- New feature: Added filter type 'Linked files', displays a list of the downloads in the project
- New feature: Added filter type 'Extensions', displays a list of all the extensions used in the project
- New feature: Added the ability to copy the file list to the clipboard via the 'Copy' button

Responsive Text:
- New feature: Added "Responsive Text" object. This is a simplified text object. It only supports one type of font, color etc per object. This makes the object easier management in complex layout (for example when using style or dark mode). Unlike the standard text object, styles/classes apply to the entire object, not just the selected text. Also, the object produces cleaner HTML output, because it does not use any inline styles.

PayPal Shopping Cart:
- New feature: Added 'transition' properties. This specifies the timing and duration for the hover transition.
- New feature: Added 'Use shipping based on weight' option. This option can be used instead of PayPal's default shopping options. The shipping fee is calculated locally and displayed in the cart instantly (instead of at checkout only).
- New feature: Added the ability to set the minimum order quantity. A (user definable) message can be displayed if the quantity is too low.
- New feature: Added 'alignment' property to the PayPal Shopping Cart. This can be used to display the shopping cart at the left or right side of the browser window, instead of centered. The ‘maximum width’ property specifies the width of the panel. Note that this feature is experimental. So, it’s currently ‘hidden’ in the Property Inspector. We will continue to improve this functionality in future updates.

PayPal Buttons:
- New feature: Added 'Move Up' and 'Move Down' buttons to "Extra Variables' properties to re-arrange the values
- New feature: Added 'Weight' property to shipping section. This option is meant to be used in combination with the 'PayPal Shopping Cart' widget to calculate the shipping costs, it overrides the default PayPal shipping settings (based shipping, extra shipping and handling). The reason why this was added is because if you used the standard PayPal shipping then it's not possible to display the complete costs until the customer checks out.
- The number represents the weight of the product. Do not include weight units like lb, oz or kg.

Heading:
- New feature: Added support for line-height and letter spacing
- Improved: Text based animations (from the Animation Manager) are now applied to the inner . This makes animations like letter spacing and text shadow more useful.

Layout Grid:
- Improved: It is now possible to set the left and right margin of the layout grid! This may be useful to make the outer spacing of the grid the same as the gutter.
- Improved: Added support for rounded corners (border-radius)
- Improved: Added 'box shadow' options to property dialog

Flex Container:
- Improved: Implemented responsive height. The height property can now have a different value in breakpoints.
- Improved: Added support for rounded corners (border-radius)

Flex Grid:
- New feature: Added new height options: 75vh, 33vh, 25vh and 10vh (vh = viewport height)
- New feature: Added support for events, animations, transitions and motion effects
- Improved: Implemented responsive height. The height property can now have a different value in breakpoints.

Carousel:
- New feature: Added the ability to use icon libraries for navigation controls. With properties for icon color, alpha value and icon size. Icons are published in SVG format.
- New feature: Added new height options to flexible carousel: 75vh, 33vh, 25vh and 10vh (vh = viewport height).
- Improved: In flexible mode it's now also possible to set the position of the navigation controls (left, right, top, bottom and offset in percentages)
- Added the ability to the set the alpha value of the icon colors normal/hover. This can be useful, for example, to reduce the opacity of the icons when the mouse is not inside the navigation area.
- Improved: Carousel / flexible now uses Bootstrap 5. No longer depends on jQuery.
- Improved: If a Carousel is added to a page with flexible layout (a page that already has a layout grid, flexbox or flex grid) then the type is automatically set to 'flexible'.
- Improved: 'Predefined style' is now also available in the Style section of the Carousel.

Slideshow:
- New feature: Added the ability to use icon libraries for navigation controls. With properties for icon color, alpha value and icon size. Icons are published in SVG format.
- Improved: SlideShow Carousel now uses Bootstrap 5. No longer depends on jQuery.

Tabs:
- New feature: Added 'deactivate' and beforedeactivate' events. These events will be triggered when a panel gets deactivated.
- Improved: Tabs / Bootstrap type now uses Bootstrap 5. No longer depends on jQuery.

Accordion:
- New feature: Added 'deactivate' and beforedeactivate' events. These events will be triggered when a panel gets deactivated.
- Improved: Accordion now uses Bootstrap 5. No longer depends on jQuery. All code has been rewritten to remove the jQuery dependency.
- Improved: Accordion (Bootstrap) full header is now clickable (instead of just the text)
- Improved: Accordion arrows now uses SVG images instead of PNG bitmaps. This makes coloring/theming the arrows easier and also improves the quality.

Dialog:
- New feature: Added 'one-time popup' functionality via the 'Cookie Expire Days' property. A cookie is stored on the visitor’s browser to only show the dialog once across multiple visits. Use '0' to disable cookie functionality.
- Improved: Dialog now uses Bootstrap 5. No longer depends on jQuery. All code has been rewritten to remove the jQuery dependency.

Listview:
- New feature: Added the ability to set the border width of the list items.
- Improved: 'listview' mode is now CSS only. So, it no longer depends on jquery.min.js, jquery-ui.min.js and listview.min.js for markup.

Droplist:
- Improved: Added a dedicated 'droplist' icon in the toolbox. 'droplist' is an option of the listview widget. However, this option is often overlooked, although it be very useful. For example, to create dropdown selection list with images.
- Improved: The drop down arrow now use SVG instead of PNG bitmaps. This makes coloring/theming the arrows easier and also improves the quality.
- Improved: The size of the drop down arrow is now relative to the font-size

Spinner:
- Improved: Arrows now use SVG images instead of PNG bitmaps. This makes coloring/theming the arrows easier and also improves the quality.

Card:
- New feature: Added support for 'Motion Effects' (scroll effects and entrance animations) for individual card items
- New feature: Added support for letter spacing in Text item
- New feature: Added the ability to set icon position and icon offset of the Button item.
- Improved: Card Popover now uses Bootstrap 5. No longer depends on jQuery. All code has been rewritten to remove the jQuery dependency.
- Improved: Added the ability to use scroll transitions on individual card items
- Improved: Added the ability to use 'onscrollreveal' events on individual card items
- Improved: The 'Alignment' property of the card is now responsive, so it can have a different value in breakpoints
- Improved: Added 'Select Stock Photo' button to Card image properties

Card Container:
- New feature: Added 4 layout modes: coverflow, stack, cube and flip. All new modes support pagination and slideshow mode (auto start).
- New feature: Added an option to add navigation arrows to carousel, coverflow, stack, cube and flip mode.

Toast:
- Improved: Toast now uses Bootstrap 5. No longer depends on jQuery. All code has been rewritten to remove the jQuery dependency.

Editbox / Text Area:
- New feature: Added support for 'floating labels'. With floating labels, you can insert the label inside the input field, and make it float/animate when you click on the input field.

Select:
- Renamed: combobox has been renamed to 'select' which is the official name for this HTML element.
- New feature: Added 'Access key' property. Specifies a shortcut key to activate/focus the select element.
- New feature: Added support for 'floating labels'. For the select element the is always shown.

Checkbox:
- New feature: Added 'Bootstrap' inspired checkbox style

Radio Button:
- New feature: Added 'Bootstrap' inspired radio button style

Flip Switch:
- New feature: The flipswitch can now be used to toggle between light and dark color scheme by setting the ID property to 'darktheme_switch'. Not only does this change the color scheme but it also stores the current state and reloads it when you visit the page (or another page that includes the flipswitch) later!

CAPTCHA:
- New feature: Added 'Full Width' property. Specifies whether the element is full width when used in a Layout Grid.

Events:
- New feature: Added 'Set Value' action. This can be used to set the value for a specific object. For example, set the value of a progress bar or input box.
- 'Set value' currently supports the following objects: Editbox, Text Area, Combobox, Checkbox, Radio Button, FlipSwitch, Spinner, Slider, Range, Button text, Heading text, Label text.
- New feature: Added 'Toggle Dark Theme' action. This makes it possible for the user to toggle between dark and light mode. For this to work dark theme mode (in Tools -> Options -> HTML) should be set to 'manual'.
- New feature: Added 'Clone' button to quickly add a copy of the selected event. For example, if you want apply the same action to multiple objects.
- Improved: The 'SetClass' action (previously named 'SetStyle') has been redesigned. It now applies the class to the same element as the 'class' property, which makes working with styles easier and more logical.

Conditions:
- New feature: Added 'Set Class' action. This can be used to set a class (style) for specific condition. For example, based on the selected item in a 'select' object in case of a "style switcher".
- New feature: Added 'Clone' button to quickly add a copy of the selected condition.
- Icon object:
- New feature: Added 'transition' properties. This specifies the timing and duration for the hover transition.

Global Replace:
- New feature: Added the ability to replace the 'class' property (style) for all pages/objects.

Dropdown Menu:
- New feature: Added 'Dropdown Menu' item in the toolbox. The dropdown menu is a simplified version of the themable menu without jQuery. Dropdown Menu uses Bootstrap 5 and does not depend on jQuery (unlike the themable menu).
- Note: The themable menu (with jQuery UI support) is now hidden in the Toolbox by default, but you can still access it via the Insert menu or manually add it back to the toolbox.

Snap Scroll:
- New feature: Added support for horizontal scrolling!

Overlay Menu:
- New feature: Added 'Blur' property. This adds a backdrop blur filter to the overlay background.

Panel Menu:
- New feature: Added 'Reveal' type (in addition to 'overlay' and 'push'). In reveal mode, the panel menu will initially show the icon only and when the mouse is over the menu, it will expand to its full width. Note that this only works when the menu is at the left/right edge of the page. And of course each menu item should have an icon...
- New feature: Added 'Fixed' type (in addition to 'overlay', 'push' and 'reveal'). In fixed mode, the panel menu will always be visible. Note that this only works when the menu is at the left/right edge of the page.
- New feature: Added 'Blur' property. This adds a backdrop blur filter to the overlay background.
- New feature: Added menu to select the hamburger icon animation.
- New feature: Added the ability to set the size for icons in menu items. Previously the icon size was the same as the size of button icon. Now the icons can have a different size. Note: the spacing between the icon and text is dertermined by the padding.
- New feature: It is now possible to hide the menu on smaller screens via the breakpoint property by specifying a negative value. For example, '-768' will hide the menu on screens smaller than 768 pixels.

Responsive Menu:
- New feature: Added 'Underline' property

CSS Menu:
- New feature: Added 'space between' size mode. The items are evenly distributed. The spacing between each pair of adjacent items is the same.

Mega Menu:
- New feature: Added 'Icon Offset' property for sub menu items. This specifies the offset from the left (or right) side of the menu item. Note that if increase this value then you may also need to increase the padding otherwise the icon will overlap the text.
- Improved: The properties dialog of the Mega Menu has been redesigned to be more consistent with other menus, for quicker access to properties and making them easier findable.

Lottie Animations:
- New feature: Added the ability to add a preview image. This will be displayed in the workspace as a place holder, instead of the Lottie logo.

YouTube:
- New feature: Added 'Mute' property. Specifies whether to mute the audio of the video. This can be useful if you want to automatically play without user interaction, because most browsers will block autoplay if the video has audio.
- New feature: Added 'Trigger' functionality. This can be used to start the video based on a 'trigger'. For example, then the video is scrolled into the viewport.
- This support, scroll continuously this platys the video frame by frame based on the scroll position of the scrollbar. Other triggers: onclick and on hover.

HTML Video:
- New feature: Added 'Trigger' functionality. This can be used to start the video based on a 'trigger'. For example, then the video is scrolled into the viewport.
- This support, scroll continuously this platys the video frame by frame based on the scroll position of the scrollbar. Other triggers: onclick and on hover.
- New feature: Added integration with for 'Pexels' via the 'Select stock video' button

Vimeo:
- New feature: Added 'Mute' property. Specifies whether to mute the audio of the video. This can be useful if you want to automatically play without user interaction, because most browsers will block autoplay if the video has audio.
- New feature: Added 'Show controls' property. Specifies whether to show/hide all elements in the player (play bar, sharing buttons, etc).

Shape:
- Improved: Background pattern of SVG shapes are now exported in vector format (instead of an image), so they take up less space and look nicer.
- Improved: Most gradients styles now have a decent fallback for SVG
- Improved: Shapes with output format 'CSS' now use clip-path, so CSS shapes are no longer limited to rectangles and ellipses

Clip Art / Text Art:
- New feature: Added output format 'CSS'. This will output the element with clip-path and SVG. When using CSS as output, the border and background can be styled with Styles.

Polygon / Curve/ Line / Scribble:
- New feature: Added output format 'CSS'. Basically, this generates the same output as SVG, but when using CSS it is possible to use styles. In this case, the 'text color' controls the fill of the shape.

Polygon / Curve:
- New feature: The Polygon / Curve object can be part of a layout grid. When the output is set to SVG or CSS, the polygon/curve is also responsive and scalable!
- Shape / Clip Art / Text Art / Polygon / Curve:
- New feature: Added new background size option ‘cover' (in addition to ‘tile’ and ‘stretch’). Unlike stretching, ‘cover’ scales the image to be as large as possible so that the background area is completely covered by the image without affecting the aspect ratio.

Shape Dividers:
- New feature: Added support for Image background, texture, gradients and patterns. The background style can be set via the 'more styles'.
- Note that SVG (which is used for dividers) does not support all CSS background options. For example, background alignment and sizing functionality of SVG is currently very limited in browsers.
- New feature: Added 7 new divider types: water-two-layers, water-three-layers, water-four-layers, water-five-waves, water-six-waves, water-seven-waves, water-eight-waves.

Progressbar:
- New feature: Added Bootstrap type. This uses Bootstrap's instead of jQuery UI. Bootstrap progress bar does not use JavaScript for rendering.
- New feature: Added Circle type. This renders a circular progress bar. The value can also be rendered as pie!
- New feature: Added transition properties. This specifies the transition timing and duration when the value changes.
- New feature: Added 'stripes' property. This applies diagonal stripes to the background of the value. The stripes can also be animated.
- New feature: Added the ability to display text, instead of percentages.
- New feature: Added 'border width' property to set the border size of the object.
- New feature: Added 'trigger' functionality. This can be used to trigger the value at a specific moment. For example, then the progress bar is scrolled into the viewport or via event.

Auto Complete:
- New feature: Added Bootstrap type. This offers a lighweight alternative for jQuery UI's bulky script.
- New feature: Added support for 'disable', 'auto focus' and 'read-only' properties.
- New feature: Added 'focus color' property.
- New feature: Added 'place holder color' property. Specifies the text color of the place holder text.
- New feature: Added the ability to set the text aligment.
- New feature: Added the ability to set padding of the auto complete list items.

Tooltip:
- New feature: Added Bootstrap type. This uses Bootstrap's instead of jQuery UI. Bootstrap tooltips can be triggered via hover, click, focus or manually. With more than 35 'show' animations!
- New feature: Added the ability to show/hide/toggle tooltips via events.
- New feature: Added 'Animation duration' property to set the length of the animation.
- New feature: Added 'justify' to alignment options.
- New feature: Added the ability to set the background mode (transparent, solid, gradient, image, pattern, texture). Previously only solid was supported.
- New feature: Added 'Maximum width' property. This specifies the maximum width of the tooltip (before text wraps to the next row).
- New feature: Added 9 new animations to jQuery UI tooltip: blind, bounce, drop, fold, highlight, puff, pulsate, scale, shake. Also, the slide animation is now direction aware, which means that it moves in the direction of the tooltip's arrow.

Image:
- New feature: Added the ability add a text-stroke (outline) to watermark text (like sub-titles in movies).

Image Hotspot:
- New feature: Added 'auto' placement option to Tooltip properties. When auto is specified, it will dynamically reorient the tooltip.
- New feature: Added the ability add a border (width / color) to the tooltip.
- Improved: The tooltip arrow is now relatively sized based on the tooltip font-size.

Picture:
- New feature: Added the ability to apply a shape to the picture. This works just like the shape feature of a standard image, however in this case CSS's clip-path will be used, instead of a modifying the image. Which means that the quality of the original image will not affected. Also, it looks much better because the edges will not be blurred.
- New feature: Added the ability to apply a stencil/mask to the picture. This works just like the stencil feature of a standard image, however in this case CSS's mask-image will be used, instead of a modifying the image. Which means that the quality of the original image will not affected.
- Improved: The 'Add/Remove frame' menu can now also be used on Pictures.

Photo Gallery / Slideshow:
- New feature: Added support for third party GLightbox script (https://github.com/biati-digital/glightbox/). GLightbox is a pure javascript lightbox (no jQuery!). It can display images and videos with optional autoplay for YouTube, Vimeo and self hosted videos. The new lightbox add-on can be downloaded from website https://wysiwygwebbuilder.com/free_extras.html
- Image / Image Hotspot / Picture / Rollover Image:
- Improved: Added 'predefined style' property in Style section. This makes it possible to use a global style for the image border.

Banner:
- New feature: Added the ability to control the text animation state of banners via Events: Media Start, Media Stop, Media Pause.
- "Media Start" will start the animation from the beginning.
- "Media Stop" will stop the animation. Characters will be hidden.
- "Media Pause" will stop the animation. Characters will remain visible (depending on the current state.). Pressing "pause' again will continue the animation where it left off.
- This feature can be useful for use in a carousel, so the text animation always starts from the beginning when the slide becomes active.
- Note that the same events can also be used to start/stop SVG animation.

Line / Banner:
- Improved: Added 'predefined style' property in Style section. This makes it possible to use a global style for the object.

Rollover Image:
- New feature: Added 'compare' mode. This mode add a comparison slider to the images for comparing before and after images. For example, it could be used to compare images before and after compression or editing or to demonstrate the effect of a product or service etc.

Rollover Text:
- New feature: Added 'show always' option (to animation list). When this option is selected, then the text will always be displayed.
- New feature: Added 'hide on hovers' option (to animation list). When this option is selected, then the text will initially be displayed, but hides when the mouse hover over the image (inverse rollover).

Themeable Button:
- New feature: Added 2 new icon align options: inline left and inline right. This will align the icon inline with the text instead of at the left or right side of the button.
- New feature: Added the ability to set the 'icon size'. Previously the icon size was the same as the text size. Now the icon can have a different size.
- Improved: Button icons can now also be published as SVG (Tools -> Options -> Publish navigation icons as SVG).
- Improved: 'button set' type no longer uses jQuery's controlgroup, it uses flexbox instead, resulting in cleaner and faster code.

Blog:
- Improved: Blog Carousel now uses Bootstrap 5. No longer depends on jQuery.

Page:
- New feature: Error Reports checks for invalid page alignment in flexible layouts. The page alignment in flexible layouts should be set to 'do not center this page'. Double click the error to open the Page Properties.
- New feature: Added a quick and easy way to rearrange floating layers (layout grids, flex containers etc) via the vertical ruler bar. When a floating layer is selected, the ruler will show a 'move up' and 'move down' arrows.
- New feature: Page Properties shows a 'warning' icon if the title length is less than 30 or more than 60 characters. This may be useful for SEO purposes.
- New feature: Added the ability to set a minimum font size for 'Automatically scale new objects in other breakpoints'. Previously, if the base font size was small them the scaled font could become too small to read, so now it can be limited to a more practical size.
- New feature: Added 'New Page' tab to user interface. This adds a quick and easy way to add new pages.
- New feature: Added the ability to rename the page by double clicking the tab.
- Improved: Enabled 'Rotate Left 90', 'Rotate right 90' and flip commands for all rotatable objects. Previously these commands only worked for Shapes and Images.

Login:
- New feature: Added the ability to write login results to MySQL or CSV. For each login attempt a new record wil be added with username, date/time, IP, browser, referrer and status: SUCCESS or FAILED. This can be used for statistics or informational purposes.
- New feature: Added support for user roles to 'embedded' database type. Previously this feature was only available for MySQL.

User Interface:
- New feature: Added Office 2022 inspired visual themes (Colorful, Dark Gray, White and Black).
- New feature: Added support for Windows 11 Snap Layout. When the maximize/restore caption button is hovered, the layout popup menu will appear near this button.
- New feature: Many property dialogs are now resizable. Also, the software will now remember the window placement, so the next time you open it will have the same position and size.
- New feature: Added the ability to automatically hide scrollbars in the workspace. When a scrollbar is inactive (the mouse cursor is not located inside it), only compact (thin) thumb box will be drawn. When you move the mouse inside the scrollbar, the bar will be fully drawn. You control this behavior in Tools -> Options -> User Interface -> Automatically Hide Scrollbars.
- New feature: Added ‘Open file location’ to the context menu of the Toolbox. When an extension is selected, then this will open extensions folder in Windows Explorer.

HTML Widget:
- New feature: the ability to set the font size of the editor

Ready-to-use-Javascripts:
- New feature: Added 'WYSIWYG Web Builder' logos (light and dark)

Google Fonts:
- New feature: Added more than 350 new fonts
- New feature: Added the ability to host Google fonts locally for better performance and privacy
- Normally, Google Fonts are loaded from Google servers. This means that an extra CSS file needs to be loaded and two extra DNS lookups (fonts.googleapis.com and font.gstatic.com). When you do host Google Fonts locally, all the requests will come from the same domain as your other assets.
- Also, there may be privacy concerns when using Google services: https://blog.runcloud.io/google-fonts-gdpr/. By using local fonts, Google will not be able to track your visitors.

Other changes:
- Improved: we've dropped the '-webkit-' prefix for transform, transition, animation
- Removed: IE compatibility property