System Mechanic Professional 歷史版本列表 Page1

更新時間：2024-02-19
更新細節：

更新時間：2024-02-19
更新細節：

What's new in this version:

WYSIWYG Web Builder 19.1.1
- New feature: Added the ability to set the number of generated images in AI dialogs
- This may be useful if you do not have a paid OpenAI account and only can generate 1 image at a time
- New feature: Added a shortcut to AI folder to access previously generated AI content
- New feature: Added predefined prompts to AI Vision

New feature: Added 25 new categories to the Website Wizard:
- Automotive, Church, Consultant, DIY and Crafts, Education, Environmental Sustainability, Finance, Fitness, Food and Recipes, Gaming, Home and Lifestyle, Hotel, Interior Design, Job and Career Services, Legal Services, Musician, Pets and Animals, Podcaster, Producer, Real Estate, Science and Research, Sports, Software Application, Weddings, Writer
- These categories, affect the stock images for the generate website and text (headings, tag lines and section text) for non AI generated content.
- New feature: AI dialogs remember the last entered prompt
- New feature: Added word count to AI Text dialog, to display how many words were generated by AI
- This can be useful to determine if you want to make the text longer or shorter before inserting it into the page
- New feature: Added support for export to 'Quick 'n Easy Web Builder 11' projects
- New feature: Add support for links in Badge object
- New feature: Added an option to show the padding an margin tabs in properties. This makes it possible to update padding/margin in the standard properties in addition to the context menu, property inspector and arrange menu.
- New feature: Added 'center' alignment to Dropdown Menu. This aligns the menu items in the center of menu's container
- New feature: Added 'Border Width' property to Dropdown Menu
- New feature: Cards: It is now possible to modify links of individual Card items via the Link button on the toolbar (and menu). So, you no longer have to open card properties.
- New feature: Added the possibility to modify links of image hotspots via the Link button on the toolbar (and menu)
- Improved: Added Animation/Transitions tab to Themable button properties
- Improved: Added 'copy style' and 'paste style' to the Object Manager context menu
- Improved: Upgraded PHP Mailer to version 6.9.1
- More details: https://github.com/PHPMailer/PHPMailer/ ... angelog.md
- Improved: Upgraded the FTP engine (for publishing) to v9.5.0.97 with the latest security fixes and compatibility improvements
- Improved: The Responsive Menu and Dropdown Menu no longer use <b> tags for the arrow icon to improve WCAG compliance
- Improved: When using SunEditor in the CMS, it now automatically saves the data from the editor
- Improved: Removed extra 'tabs' code from Editable Content Admin
- Improved: The "Checkbox unchecked workaround" of the Form Processor script now works also in nested Layout Grids (and other containers)
- Improved: Optimized alpha color values output for custom borders
- Fixed: 'Visible items' property of the Pagination menu resets value


WYSIWYG Web Builder 19.1.0
- New feature: Added the ability to set the number of generated images in AI dialogs
- This may be useful if you do not have a paid OpenAI account and only can generate 1 image at a time
- New feature: Added a shortcut to AI folder to access previously generated AI content. - New feature: Added predefined prompts to AI Vision.

New feature: Added 25 new categories to the Website Wizard:
- Automotive, Church, Consultant, DIY and Crafts, Education, Environmental Sustainability, Finance, Fitness, Food and Recipes, Gaming, Home and Lifestyle, Hotel, Interior Design, Job and Career Services, Legal Services, Musician, Pets and Animals, Podcaster, Producer, Real Estate, Science and Research, Sports, Software Application, Weddings, Writer - New feature: AI dialogs remember the last entered prompt.
- New feature: Added word count to AI Text dialog, to display how many words were generated by AI.
- This can be useful to determine if you want to make the text longer or shorter before inserting it into the page.
- New feature: Added support for export to 'Quick 'n Easy Web Builder 11' projects
- New feature: Add support for links in Badge object
- New feature: Added an option to show the padding and margin tabs in properties. This makes it possible to update padding/margin in the standard properties in addition to the context menu, property inspector and arrange menu.
- New feature: Added 'center' alignment to Dropdown Menu. This aligns the menu items in the center of menu's container
- New feature: Added 'Border Width' property to Dropdown Menu. - New feature: Cards: It is now possible to modify links of individual Card items via the Link button on the toolbar (and menu). So, you no longer have to open card properties.
- New feature: Added the possibility to modify links of image hotspots via the Link button on the toolbar (and menu)
- Improved: Added Animation/Transitions tab to Themable button properties
- Improved: Added 'copy style' and 'paste style' to the Object Manager context menu
- Improved: Upgraded PHP Mailer to version 6.9.1
- Improved: Upgraded the FTP engine (for publishing) to v9.5.0.97 with the latest security fixes and compatibility improvements
- Improved: The Responsive Menu and Dropdown Menu no longer use tags for the arrow icon to improve WCAG compliance
- Improved: When using SunEditor in the CMS, it now automatically saves the data from the editor
- Improved: Removed extra 'tabs' code from Editable Content Admin
- Improved: The "Checkbox unchecked workaround" of the Form Processor script now works also in nested Layout Grids (and other containers)
- Improved: Optimized alpha color values output for custom borders
- Fixed: 'Visible items' property of the Pagination menu resets value
- Additionally, numerous tweaks and enhancements have been implemented behind the scenes to enhance performance and user experience


WYSIWYG Web Builder 19.0.6
- Fixed: The layout grid does not save updated values when selecting a grid column in the editor

Improved:
- Added 'Change case' support for Badges
- Selection of objects with negative margin
- Media Player (HTML5 Video) now uses 'cover' to fill the entire element when it has a border radius


WYSIWYG Web Builder 19.0.5
Fixed:
- Crash with RTF parser (empty format state)
- Issue with time range in Timer

Improved:
- Added extra validation for exif_read_data in Photo Gallery and Slideshow values
- Implemented workaround for 'An existing connection was forcibly closed by the remote host' errors during publishing


WYSIWYG Web Builder 19.0.4
- Improved: Slideshow border radius when used in layout grid
- Improved: Blog / Article font selection
- Fixed: Issue with Textarea class with floating label


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


WYSIWYG Web Builder 19.0.2
Fixed:
- OpenGraph image is marked as orphan file in Asset Manager -> Filter -> Orphan file
- Issue with Image Export file extension
- Issues with Google Fonts with 'condensed' and 'expanded' in the name

- Improved: Error Reports now ignores extra data in filenames for extensions


WYSIWYG Web Builder 19.0.1
Fixed:
- Crash when publishing shapes with text
- FontAwesome file not published when used in master frames
- Issue with padding in Responsive Menu
- Conflict between quick menu click and scroll timer
- Issue with locally hosted Google Fonts
- Issue with position of Badges in breakpoints
- Honeypot field is not hidden in Layout Grids
- Issue with inset box shadow
- Issue with Cards in flex container
- Issue with text alignment in SlideMenu

Improved:
- Added disclaimer popup for AI functionality
- A 'too many extensions' popup will now be displayed if the number of installed extensions exceeds 300. In previous versions, the software would fail silently when the number of extensions surpassed 300
- Accordion font size is now responsive
- Translate options now show a warning when the API key is not set


WYSIWYG Web Builder 19.0.0
Artificial Intelligence:
- New feature: Improve your online presence easily with the help of WYSIWYG Web Builder's AI-powered tools. Make your website content better, reach a global audience by translating it, create eye-catching visuals to impress your visitors, and generate custom code for your web projects with ease. WYSIWYG Web Builder AI combines all these important features in one place, giving you a complete platform to take your web design projects to new levels.
- Text Generation and Enhancement: Create text, headings, articles, and more by entering custom prompts or choosing predefined ones. You have the flexibility to modify text length, tone (casual, professional, confident, friendly), grammar, and overall style to suit your needs. Prompts can be modified via the Prompt Manager.
- Multilingual Translation: Translate text into over 25 languages, such as English, Spanish, French, German, and Italian, making it a valuable resource for communication across language barriers.
- Image Generation and Manipulation: Generate new images based on text input, create variations of existing images, and enhance images using in-painting techniques. You can specify desired changes, such as adding objects, replacing screen content, or altering hairstyles. Anything of which you can think!
- Image Expansion: Expand images beyond their original borders by providing descriptions of the desired changes. Also known as out-painting. The zoom slider allows you to adjust the frame size according to your preferences.
- Custom Code Writing: For web development and coding tasks, you can utilize AI functionality within HTML objects, Object HTML, and Page HTML. This includes adding scripts, HTML, CSS, PHP, and more, making it a useful tool for developers.
- You can create an OpenAI API key for free. New users get free $5 worth of free tokens. These tokens expire after 3 months.
- After the quota has passed you can choose to enter billing information to upgrade to a paid plan and continue your use of the API on pay-as-you-go basis.
- The API key can be entered in Tools -> Options -> Artificial Intelligence

Translate Text:
- New feature: This is part of the new AI tools, but also available as separate tool. Translate selected objects or create a translated copy of the whole page!
- Remove background with AI:
- New feature: Added AI powered background removal functionality for images.
- This feature automatically detects a person or object in an image and replaces the background with a transparent one. Unlike traditional background removal methods, this tool works 100% automatically. You don't have to manually select the background/foreground layers to separate them - just click 'Remove Background' and it instantly generate a new image with the background removed!

Website Wizard:
- New feature: Added 'Website Wizard' to quickly create a new project. Select style, the pages you want to include and even (optionally) generate content with AI!

Badges:
- New feature: Added 'Badge' object. A "badge" is a small graphic, text or symbol that can be used to add additional information to the web site elements. For example, showing if a product is available, promoting a discount, displaying a user's achievements, or indicating how popular a product is. A Badge can be applied to almost any WWB object.
- The Badge object has 8 different types: Arrow, Bookmark, Bootstrap-like badge, Flag, Stripe, Triangle, Ribbon and Shape (with more than 200 shape types). Badges can include both text and icons, and they can also incorporate animations to capture the visitor's attention.

Theme Manager:
- New feature: Theme Manager has been 'resurrected'. WWB has supported themes for a long time, however previously they were only useful for jQuery UI widgets.
- The Theme Manager has been updated to support almost all objects. Unlike jQuery UI widgets which require a pretty large CSS set. The new themes only have a small footprint.
- New feature: Added 25 new themes inspired by Boot Swatch. Each of the new themes also has a dark theme variation, which allows the visitors of the website to choose between a light and dark theme. Just like you can with styles.
- New feature: Added 'Invert colors' button to invert all colors of the current theme. This may be useful if you want to quickly create a dark variant of the theme.
- New feature: Added Theme gallery to page menu.
- Improved: Added dark variants of the following themes: blitzer, cupertino, eggplant, excite-bike, flick, hot-sneaks, humanity, overcast, pepper-grinder, redmond, smoothness, south-street, start, sunny, ui-lightness, vader.
- Improved: Theme Manager dialogs are now resizable.
- Improved: Double clicking the theme name will open the properties for that theme.
- Improved: Property list now also uses 'Office look' (when enabled in UI options).
- Improved: Theme selector now also includes the name (in addition to the preview image) and the themes are sorted by name.

Card:
- New feature: Added support for Affix to keep the card visible while scrolling.
- New feature: Added ecommerce functionality to cards. Via the new 'ecommerce' item you can add checkboxes, radio buttons, select /dropdown lists, price and quantity fields to the card. These items can then be used to adjust the price. For example, the size of a t-shirt, gift wrapping, glossy printing paper etc.
- Extra options can increase or decrease the final price. Calculations are done automatically so there is no need to implement events or conditions!
- Available options: checkbox, radio buttons, select / dropdown, price field, quantity field
- New feature: Added support for shapes in Cards.
- New feature: Added ‘Minimum height’ property for Text items. When working with text in cards, variations in text length often result in varying text heights, creating challenges when aligning other elements within the card, such as buttons placed at the bottom. To address this, you can now set a minimum height, ensuring consistent and predictable text heights for improved alignment.
- New feature: Added the ability assign a link to Card text items.
- New feature: Added support for events to Card text items.
- Improved: Define the 'minimum height' directly within the card's properties, eliminating the need to configure it through the flex properties as was required before.
- This specifies the minimum height for the card when it is utilized within layout grids. This feature may be useful to ensure consistent card heights across multiple cards with varying content.

Section:
- New feature: Added the ability to add links to text and shapes.
- New feature: Added ecommerce functionality (see card for more details).

Card Repeater:
- New feature: Added 'Card Repeater' object. A Card Repeater operates similarly to a Card Container, with a key distinction: all cards within it share the same layout and style. This means that any modification made to one card will automatically propagate to all other cards within the same container. Of course, the text can be different for each card!

Card Container:
- New feature: Cards that are inside a Card container now have a 'clone' button. So, you can easily duplicate the selected card.
- New feature: Added support for HTML5 semantic tags.
- Google Fonts:
- New feature: Added support for Variable fonts.
- A variable font contains multiple variations of a typeface (such as weight, width, and slant) within a single file. This enables you to create a wide range of typographic styles and effects using just one font file, resulting in improved performance and more creative possibilities.
- Variable fonts can have multiple axes of variation, which represent different attributes of the typeface. These axes can include weight (thin to bold), width (condensed to expanded), slant (italic to upright) and more. Each axis allows for a smooth transition between the extreme variations, giving you granular control over the visual appearance of text.

Spellings Checker:
- New feature: All input fields for text now have the ability to check the spelling via the context menu.

Timer:
- New feature: Introducing the new 'Visits' type option. This feature enables you to trigger a timer after a specified number of visits, making it perfect for showcasing introductory dialogs or special offers to new visitors. By default, the timer activates only once, but you also have the option to use a negative number. In this scenario, the count resets after every 'X' visits, allowing for repeated activations as needed.
- New feature: Introducing the new 'Days' type option. You can now set up timers to activate after a specified number of days following the user's initial visit. By default, the timer activates only once, but you also have the option to use a negative number, which will restart the timer at regular intervals of 'x' days.
- New feature: Added 'Date Range' option. This feature allows you to activate a timer within a specific date range, making it perfect for showcasing special offers or managing your store's operations during holidays and other designated periods.
- New feature: Added 'Time Range' option. This feature enables you to set up timers for specific time ranges, making it perfect for delivering personalized welcome messages such as "Good morning" or "Good afternoon" at the right times of day.
- Note: The state of these new features will be stored in local storage. If you want to reset the state while testing the website, you can access this via the browser's debugger console (Application -> Local Storage).

FTP Manager:
- New feature: The 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.
- New feature: Both views use shell icons, instead of the generic icons like in previous versions.
- New feature: 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.
- New feature: It is now also possible to upload and download entire folders (including sub folders).

Flex Grid:
- New feature: Added 'Visual grid editor'. The visual flex grid editor provides a user-friendly interface for effortlessly arranging grid items in specific row or column structures.
- You can easily add rows and columns using the '+' and '-' buttons located at the right and bottom of the grid, respectively.
- When you hover over an item, controls appear, allowing you to manage its appearance within the grid.
- Adding new grid items is as simple as clicking the '+' button, while existing items can be resized using arrow buttons.
- Furthermore, removing an item is quick and convenient with the 'Delete' button.
- Improved: Added background, border and shadow properties to the Proeprty Inspector for quick access.

Panel Layer:
- New feature: Added 'fixed' display mode to Panel Layer. In fixed mode, the panel layer will always be visible.

Sticky Layer:
- New feature: Added 'z-index' property to Sticky Layer. This makes it possible to overwrite the automatically generated z-index. For example, if you want to show the sticky layer to be on top of everything else. Leave the field empty for the default behavior.

Borders:
- New feature: Added 'Gradient' and 'Multi-color gradient' border styles. This make it possible to apply a gradient to an object’s border.
- Note: at this moment most browsers do not support a border radius in combination with gradient borders.
- New feature: Added support 'Image' and 'Custom' border styles to Slide Show, Blog, Article, News Feed Ticker, Bullets, Carousel, Auto Complete, Site Search ....

Form:
- New feature: Added Honeypot Anti-Spam option.
- The anti-spam honeypot is a hidden form field that bots can’t avoid filling, but it’s invisible to human users. If the hidden field is filled in, it’s a sign of spambot activity and can be blocked. If the field is not filled in, it indicates that the form was filled by a human user as intended. The name of the Honeypot Anti-Spam field name can be set in Form Properties -> Advanced -> Miscellaneous.
- Make sure the field name is not the same as one of your existing input fields.
- We've also created a new 'anti-spam' tutorial that provides an overview of the anti-spam features available in WYSIWYG Web Builder: https://www.wysiwygwebbuilder.com/forms_antispam.html
- New feature: Added new site variable to set the honeypot error message: $FORMERROR_HONEYPOT$. Default value is Spam detected.
- New feature: Added "Include timestamp in form data" option. This specifies whether to include the time stamp in the form data. Previously this was always included and could not be turned off.
- New feature: Added "Include browser information in form data" option. This specifies whether to include the browser information in the form data. Previously this was always included and could not be turned off.
- Improved: The Mail Engine settings have been streamlined . The previously existing 'use PHP Mailer' option has been eliminated. Instead, you'll find a single dropdown menu. When you select 'default,' it will utilize PHP's built-in mail() function. Alternatively, you can choose the PHP Mailer option for other settings.

Form Wizard:
- New feature: Form Wizard has undergone a makeover with the 'Aero' style. This not only gives the wizard a contemporary appearance but also allows for resizable windows, enhancing user experience.

File Upload:
- New feature: Added 'Bootstrap' type. This will render the file input using Bootstrap styling (CSS only). Unlike the jQuery UI version which requires JavaScript.

Spinner:
- New feature: Added 'Bootstrap Simplified' mode. This will render a simplified spinner without visible button borders, a frequently used component in eCommerce website design.
- New feature: Added 'Border width’ property. To control the size of the spinner’s border. Previously this was fixed to 1.

Accordion:
- New feature: Added the ability to configure the arrow size.

Tab:
- New feature: Added 'Bulma Tabs' type. This renders a minimalistic version of the tab control featuring simple text and subtle underlines, drawing inspiration from the tabs found in the Bulma CSS framework.

Login Tools:
- New feature: 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:
- Improved: 'Login Name' object has been renamed to 'Login info' to better reflect its purpose.
- Improved: Login Info now has all the generic background and border styling options, like gradients, patterns, background images, border styles etc.
- New feature: Added 'Newest member' option. This displays the newest member from the USERS table.
- New feature: Added 'Total members' option. This displays the total number of members in the USERS table.

Login Signup:
- Improved: The signup form will automatically refill the (text) input fields in the event of an error.

Icons:
- New feature: Added built-in support for Font Awesome 6. Font Awesome 6 has a modern look and includes 600 new icons. New projects will automatically use the new version. For older projects, you can select the new version in the Tools -> Options -> Fonts
- Improved: WWB19 now Includes the latest version of the ‘Material Icons’ library with 390 new icons!
- Improved: It is no longer necessary to restart the application after changing the default icon library. The Ribbon icon gallery will now be updated instantly.
- PayPal Buttons:
- New feature: Added 'JavaScript SDK' option as alternative for the Legacy Payment Button. This can be set via the 'PayPal API' property.
- Notes: PayPal's JavaScript SDK does not provide 'Add to cart' and 'View Cart' functionality. it only supports 'Buy Now'. Alternatively, you can use the PayPal Shopping Cart object which has also been updated to support the JavaScript SDK.
- Also, the subscription button needs to be setup in the PayPal account.
- When using the 'JavaScript SDK', you will need to use the 'Client ID' instead of the PayPal email address! This can be set globally in Tools -> Options -> eCommerce.
- PayPal Shopping Cart:
- New feature: Added 'Checkout API' property. This specifies whether to use the Legacy Payment Button or JavaScript SDK for checkout.
- New feature: Added the ability to set a custom icon for the ‘Remove’ button. This can be any icon from the selected Icon Library.
- New feature: Added the ability to set the border width and color of the shopping cart popup.
- Improved: All style properties are now in a separate ‘Style’ tab.

SEO:
- New feature: Added 'Get keywords from page content with AI' in the page properties meta tags section. This uses artificial intelligence to determine the best keywords for the page based on the page content (text and headings).
- New feature: Added 'Get description from page content with AI' in the page properties meta tags section. This uses artificial intelligence to write a description about the page content (text and headings).

Templates:
- New feature: Added 'Online Gallery' to 'select template' dialog. This allows you to select a template from the online gallery without the need to manually install it first! You can also preview the template online directly via the context menu.
- New feature: Added more than 20 fresh templates, designed to ignite your creativity and showcase some of the new features in action.
- Events
- New feature: Added "Print Document' and 'Print Element' actions.
- Print Document prints the contents of the current window.
- Print Element prints the contents of the specified object.
- New feature: Added the ability to select a target (ID) for the JavaScript action. This makes it possible to use the selected ID in the code. For example: alert('$ID$') will result in alert('wb_Heading1'). This means that you no longer have to use a hardcoded ID. If you change the ID of the object in the project, then the code will automatically be updated.
- New feature: Added ‘ondocumentready’ to object events. Previously, the 'ondocumentready' event was only accessible through Page events. But there may be situations where you prefer to associate the event directly with an object. This approach can facilitate actions such as seamless copying and pasting of objects with associated events across different pages, or preserving the object as an integral part of a block, which does not include page events.

Style Manager:
- New feature: 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.
- New feature: Added support border gradients.
- New feature: Added 'Dark Color Scheme Preview' option. Use this option to toggle between standard (light) and dark colors of the style for the preview.
- New feature: Added live preview for styles. In previous versions, the preview was static and limited to specific styles only. The live preview renders the style like in the browser. For example, you can now also preview cursors, animations, filters, text-outline, etc.
- Transitions / Animations:
- New feature: Added 'font-variation-settings' property. This adds the ability to animate properties of variable fonts, like weight, width, slant etc. Example: 'wight' 100
- New feature: Added 'font-stretch' property to animate the compactness of the characters in a font. This property may be specified as a single keyword value (semi-condensed, condensed, extra-condensed, ultra-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded) or a percentage value.
- Note: this only works with fonts that support this property (variable fonts).
- New feature: Added 'backdrop-filter property. This lets you apply graphical effects such as blurring or color shifting to the area behind an element.
- Note: Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent.

Text Art:
- New feature: Added 'Line spacing' property. This feature allows you to precisely control the vertical spacing between lines.
- New feature: Added 'Letter spacing' property. This feature allows you to precisely control the horizontal spacing between characters.

Image:
- New feature: AV Vision. This is an experimental feature and currently only available for users who have an OpenAI account with access gtp4.
- AI Vision can recognize what's in an image and lets you ask questions like, "What's in this image?", "Identify all the food items in the image." or "Write a caption for this image for use on a website". But you can also use it to extract text or translate the text from the image to a different language.
- This feature can be useful for web design to create titles or detailed descriptions for SEO purposes. But you can also use it to create a text prompt from an image and use that to create a new image. The results of this tool are already very impressive, and we can’t wait to come up with more features that use this functionality...
- New feature: Added 'Replace image' command to replace an existing image with a new one without losing the current settings.
- New feature: Added quick menu icon to the selected image. This can be used to open a quick menu with image tools.
- Improved: Added 'Stock Photo' command to image tools to quickly change the current image with a stock photo.
- Slideshow:
- New feature: Added support for 'Swiper'. Swiper is a modern mobile friendly (slider) slider with hardware accelerated transitions (no jQuery): fade, slide, cube, coverflow, flip, cards and creative.
- New feature: Added 'Thumbnail Gallery' option: A lightweight, responsive image slider accompanied by carousel-style thumbnail navigation. This feature is particularly valuable as an 'eCommerce gallery,' enabling you to elegantly display various product images for showcasing your merchandise. But of course it can also be used to display any images you like.
- New feature: Added support for ‘Spotlight’ lightbox. Spotlight (https://github.com/nextapps-de/spotlight) is modern, lightweight image gallery with great performance and no dependencies (no jQuery or other libraries).
- New feature: Added support for ‘Litebox’ lightbox. Litebox (https://andreasremdt.github.io/litebox/index.html) is a simple lightweight lightbox to showcase your images with no dependencies (no jQuery or other libraries).
- New feature: Added quick menu icon to quickly replace the images in the slideshow.

Photo Gallery:
- New feature: Added support for ‘Spotlight’ and ‘litebox’ lightboxes. See also ‘slideshow’ notes.
- New feature: Added quick menu icon to quickly replace the images in the gallery.

Rollover Image:
- New feature: Added quick menu icon to quickly replace the rollover images. It is possible to select two images at once.
- Improved: When dropping the rollover image to the page, you can now select both images (initial and hover) at the same time. So, it's no longer necessary to open the properties to select the second image.

User Interface:
- New feature: Text alignment options in Property Inspector are now rendered as toggle buttons instead of a dropdown list for quicker access.
- New feature: 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.
- New feature: Added 'texture' option in Property Grid for Page Properties.
- New feature: All rotatable objects now have an 'Angle' property in the Property Inspector.
- New feature: 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.
- Improved: Added 'Project' section in the Home section of the ribbon for quick access to New, Open, Save (as) commands. It also includes a shortcut to the website wizard.
- Improved: Image Hotspots, Slide Show, Listview child dialogs are now resizable.
- Improved: System file dialogs (Open, Save As) and Messages Boxes (Are you sure you want to quit, etc) are now also themed, like the rest of the user interface.
- Content Management System:
- New feature: Added support for '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
- New feature: The software now has the capability to automatically install any missing CMS editors, eliminating the need for manual file copying on your part.
- Rich Text Area:
- New feature: Added 'Rich Text Area' object. This adds the ability to add third party WYSIWYG text editors to a website.
- Rich Text Area supports the same editor as the CMS tools: summernote, sunedit, sceditor, trumbowyg etc.

Heading:
- New feature: Added the ability to output the heading as paragraph . This can be useful if you want to use specific heading features that are not available for standard text like 'text shadow', 'text stroke' or variable fonts.
- Content Place Holder:
- Improved: Content Place Holder now has all the generic background and border styling options, like gradients, patterns, background images, border styles etc.
- Slide Menu:
- Improved: Script has been converted to vanilla JavaScript (no longer uses jQuery) and moved to wb.slidemenu.min.js, to minimize duplicated code.
- Improved: 'Enable uppercase folder names' has been replaced with 'text-transform'. It now also supports lowercase and capitalize.
- New feature: Added transition duration and easing properties.

Drop Down Menu:
- New feature: Added 'overflow' mode. There are times when the drop down has many menu items, and they begin to wrap (undesirable) as the page width decreases. Using overflow mode, you can automatically collapse the extra menu items into a dropdown menu on the right. When the viewport is wide enough, the menu items return to the horizontal menu. When there are no overflowing items, the dropdown menu is hidden.
- Overflow menus are represented by a 'kebab' button, as the user clicks on the kebab, a horizontal list will appear with additional options to click.
- A kebab menu is also known as the three dots menu, and the three vertical dots menu, is an icon used to open a menu with additional options.

Navigation:
- New feature: Added 'synchronize with bookmarks'. This feature can dynamically update the menu based on bookmarks on the same page. This can be useful for 'single page' websites where menu items link to sections on the page. The menu text can be set via the new 'menu name' property available for all objects that can be used as bookmark: Bookmark, Layer, Layout Grid, Flex Grid, Flex Container and Heading.
- New feature: Added 'text-transform' properties (uppercase, lowercase, capitalize). This feature allows you to easily control the capitalization of text. This can be useful when managing menu items, as it enables swift changes in casing without the need to manually.
- Update each item. Moreover, when employing synchronization with the site manager, the text can automatically be made uppercase, lowercase or capitalize, streamlining the process further. This option is available in Breadcrumb, CSS Menu, Dropdown Menu, Go Menu, Layer Menu, Mega Menu, Menu bar, Navigation Bar, Overlay Menu, Panel Menu, Pagination, Responsive Menu, Tab Menu, Text Menu
- 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. Note: the icon should be a valid name in the selected icon library!
- This is an experimental feature. It was designed for the site wizard so it can add icons to navigation automatically. But it may also be useful for other purposes...
- New feature: When you clone a page where the page name ends with a number, the cloned page will have the same name but with the next higher number. For instance, if you change 'product1' it will turn into 'product2'.
- Improved: When removing a page via the Site Manager, the previous item in the tree will be selected and the focus will return to the Site Manager.

Breadcrumb:
- Improved: All style properties are now also accessible via the Property Inspector.

Pagination:
- Improved: All style properties are now also accessible via the Property Inspector.
- Site Tree / Table of Contents:
- Improved: All style properties are now also accessible via the Property Inspector.

Mega Menu:
- New feature: Added sub menu 'hover style' properties. These can be used to set the style of sub menu items on hover.
- New feature: Added the ability to set a different font size for the column headings.
- New feature: Added 'border radius' to button and sub menu properties.
- New feature: Added transition duration and easing properties.
- Improved: The layout of the Mega Menu is now implemented using CSS grid. This enhancement significantly streamlines the resulting HTML code.
- Improved: Scripts have been rewritten in vanilla JavaScript (no jQuery)
- Responsive Menu:
- New feature: Added ‘Icon Offset’ property. This specifies the spacing between the icon and the text.
- New feature: 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.
- Improved: Script has been converted to vanilla JavaScript (no longer uses jQuery).

Overlay Menu:
- New feature: Added 'Popup position' property. When the overlay menu is in ‘popup mode’, this specifies the alignment of the popup menu.
- New feature: Added 'hamburger icon’ animations. When the hamburger icon is clicked, the bars will animation into a close symbol. There are 13 animation types.
- New feature: 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.
- New feature: It is now possible to open the Overlay menu via the 'Show'event. For example, to trigger the menu via an icon, button, image or any other element that supports events.

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

Gradients:
- Improved: CSS output is now supported for all built-in gradients, eliminating the need for image fallbacks in the following styles: Linear from Center, Linear to Center, From Corner (down/right), From Corner (down/left), From Corner (up/right), From Corner (up/left). This results in cleaner and more efficient HTML output, enhancing performance.
- Improved: The improved gradient styles were also added to all objects that previously did not support them: CSS menu, layer menu, mega menu, overlay menu, panel menu, slide menu, tab menu and styles.

Asset Manager:
- New feature: 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.
- If the file is used by multiple objects or pages, then it will be automatically updated for all instances!
- Favorite Icon:
- New feature: 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.
- Ready to use JavaScripts:
- New feature: Added the ability to add a preview image. This will be displayed in the workspace as a place holder, instead of the text-based place holder.
- New feature: Added ‘Google Maps Embed’ script. This makes it possible to embed Google Maps without the need for an API key.
- JQuery UI Widgets:
- New feature: Added properties for background repeat, background alignment and background size.

Affix:
- Improved: The Affix script (previously part of Bootstrap), has been updated so it no longer uses jQuery. Also, the script is now initialized via data attributes instead of JavaScript.

Blocks:
- Improved: 'Save as block' will remember the last selected category.

Help:
- Improved: Added new help sections for Synchronize Navigation, Artificial Intelligence, Badges, Card Repeater and other new features.
- Improved: Normalized font-size to 10pt. Previously the help had a mix of several different font sizes.

Other:
- Renamed 'Theme colors' option to 'Swatch colors' to prevent confusion with Themes. Swatch colors control the color palette of the color picker tool.
- Removed support for PHP4 because most built-in features require a newer version anyway. The minimum supported version is now 5.6.

Templates:
- Added moe than 25 new new templates. As usual these are just some random ideas, to showcase what you can do with the new tools

更新時間：2023-11-01
更新細節：

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

更新時間：2023-02-01
更新細節：

更新時間：2022-10-07
更新細節：

What's new in this version:

WYSIWYG Web Builder 17.4.2
- Fixed: Issue with Flex Container and 'universal-parallax'

Improved:
- Border radius in Layers can now be set for individually corners
- Editbox/TextArea padding rendering in floating layouts
- Made sure negative max-width does not break Flex Grid output
- Lightbox preview image (in the workspace) maintains aspect ratio in YouTube, Vimeo and HTML5 video
- Added support for HTML5 semantic tags of child elements in layers/layout grids and other containers


WYSIWYG Web Builder 17.4.1
Fixed:
- Incorrect icon scaling in customized toolbox on high dpi screens
- Banner does not save background repeat and alignment properties

Improved:
- Updated Digital Signature Certificate
- Form processing: Added file upload URLs to CSV output
- Form processing: Auto responder message now also processes file upload URLs
- Added support for scrollreveal events in master pages
- Implemented responsive column height in Layout Grids. The column height property can now have a different value in breakpoints


WYSIWYG Web Builder 17.4.0
- Improved: Added 'Full width' support to Advanced Button
- Improved: The properties dialog of the CSS Menu has been completely redesigned to be more consistent with other menus, for quicker access to properties and making them easier findable
- New feature: CSS Menu has a new option 'sub menus'. This option can be used to show/hide sub menus, in case the menu is synchronized with the Site Manager structure. When 'sub menus' is off, then no sub menus will be included.
- New feature: Added 'view searchbox' and 'view toolbox' command to context menu of property grid dialogs (Add Style, Multi Page properties, Login Tools, JavaScript, Navigation, etc). This makes it possible to hide these options is case you never use them, so there is more space for the properties.
- New feature: Added 'alternate row color' command to context menu of property grid dialogs. Enables/disables drawing odd/even grid rows using different colors.
- New feature: Added the ability to clear the URL history (the list of urls in the link dropdown): Tools -> Options -> User Interface -> Clear URL history
- New feature: Extension developers now have the ability to use styles in their extensions (via the new 'class' property type in Extension Builder)
- In future releases of WWB, we will add extended support for the use of styles/classes. So, this will also make extensions compatible with future functionality.

Other improvements:
- Fied: Issue with Image Hotspots icon border radius
- Improved: Image Hotspots ma-width behavior in workspace
- Improved: 'Clear formatting' now also resets letter spacing in tet
- Improved: Implemented workaround for Summernote """ issues in CSM Admin and Editable Content Admin .
- Improved: Upgraded to PHP Mailer version 6.6.4. More details: https://github.com/PHPMailer/PHPMailer/ ... angelog.md
- Improved: we've dropped the '-webkit-' prefi for fle-direction, fle-wrap, justify-content, align-items, align-content. They are no longer required, so this simplifies the code


WYSIWYG Web Builder 17.3.2
Fixed:
- Removed extra from Bootstrap Date Picker
- Card text set to output does not have font-size
- Card item 'divider' ignores alpha value of color in workspace

- Improved: Card properties now shows video URL in item list


WYSIWYG Web Builder 17.3.1
- Fixed: Several compatibility issues with CMS plugins and PHP

Improved:
- Publish tool no longer changes current folder on the server. This prevents creating extra folders on some web servers.
- Optimized performance of Unsplash thumbnails in Stock Photo selection window
- Random mode in slideshow (with pause time set to '0'), hides initial image


WYSIWYG Web Builder 17.3.0
- New feature: Added 'show quantity' option to the PayPal Shopping Cart. When this option is unchecked then the quantity of each item is limited to '1'

Improved:
- Fine-tuned the application initialization process to reduce the initial startup time
- Added a dedicated button for spell checker in the Ribbon toolbar (Page). It's also possible to customize the keyboard shortcut. Default is F7
- Added scrollbar to Bootstrap Modal in Site Search results
- Page background image 'cover' and 'contain' options now also support alignment and repeat
- Updated 'Built with' logo in Ready-to-use-Javascripts
- Added the ability to add custom HTML to extensions (Before tag/After tag
- Bundled Fancybox (1.3.4) and PrettyPhoto (3.1.6) are now compatible with jQuery 3
- Upgraded network functionality with many sftp/ftp/https related fixes and improvements: better compatibility with various web hosts, security, error handling etc

Fixed:
- Issue with Blog Carousel navigation arrows (incorrect path)
- List control in subtitles, orphan files and Themeable Button (button set) are not themed
- Issue with button set configuration in Themeable Button
- Issue with Bootstrap dialog position in Photo Gallery
- Removed extra bracket in CSS of Bootstrap accordion
- Cursor of the Logout button cannot be set via properties dialog
- Issue with button IDs of Wizard object (Bootstrap
- Issue with text hover color in Auto Complete object


WYSIWYG Web Builder 17.2.1
Fixed:
- Some background properties of Breadcrumb and Pagination are not saved
- Memory leak in navigation bar dialog and page properties

Improved:
- Dark mode rendering of navigation bar image selection
- HTML beautifier now preserves formatting of tags in SVG
- Added the ability to alphabetically sort columns in the Link Manager
- Margin and padding in style sheet no longer have unit for zero values (0px -> 0)


WYSIWYG Web Builder 17.2.0
Improved:
- Implemented a workaround for Google's webmaster tools "Sitemap can be read, but has errors" warning
- Optimized memory management for extensions, in most cases the software now supports up to 300 extensions (instead of 250 previously)
- Added 'handling' support to PayPal Shopping Cart checkout. If the 'Handling costs' property is set for 'Add to Cart' or 'Buy Now' then the value will now also be included in PayPal checkout. Note that the cart itself currently does not display the shipping costs, but they be visible in the PayPal payment overview
- Added 'disabled' support to 'File Upload' with default browser style off. The enable/disable state can also be controlled via events
- Added role="switch" to Flip Switch to more accurately convey the nature of the control to assistive technologies that support this role

New:
- Added support for export to 'Quick 'n Easy Web Builder 9' projects
- Added 'full width' options to Toast (top and bottom)
- Added the ability to set the cursor of a form button via the properties dialog
- Added 'Use hover style to indicate the current level' option to CSS Menu, Themeable Menu and Responsive Menu. This option highlights the main item if one of the sub-items is linked to the current page
- The login form now also stores the email address in a session variable $_SESSION['email'], so it can be displayed on pages
- Added 'Display Email Address' option to Login name object
- Added 'Validation Pattern' property to 'Signup' and 'Edit account' objects. This property specifies a regular expression (https://regexr.com/) to validate the username. This may be useful if you want to support non-ASCII usernames
- Added 'disabled' property to Card's button element. This may be useful to temporally disable the button without removing the link
- Added 'cursor' property to Card's button element. This can be used to override the default cursor of the button
- Added the ability to set a hyperlink for the 'Terms and conditions' text in the PayPal Shopping Cart. The hyperlink can be set via the 'Link' button in the main menu
- Added support for PayPal shipping in Ecommerce events. The new options can be set via the 'More' button in the 'Ecommerce' event properties
- Base shipping: The cost of shipping this item if you have enabled item-specific shipping costs
- Extra shipping: The cost of shipping each additional item
- Handling costs: Handling charges. This is not quantity-specific. The same handling cost is charged regardless of the number of items purchased
- Shipping: Specifies whether to prompt the customer for a shipping address


WYSIWYG Web Builder 17.1.4
Fixed:
- FlexContainer at height 75vh, 50vh etc shrinks to 20px in workspace
- Issue with Snipcart API
- Overlay Menu 'direction' property cannot be set via properties dialog

Improved:
- Responsive behavior of jQuery UI dialog
- Added support for margin to DatePicker
- Optimized Visual Theme loading sequence
- Error handling for multiple file attachments in form processing script
- Implemented a workaround for Google's webmaster tools "indexed, not submitted in sitemap" warning: 'index.html' is no longer included in the URL
- Multi-color border rendering in workspace
- border-radius in Themeable menu is now also applied to hover items (last-child)

- New feature: Holding the Shift-key while clicking OK in the Card properties applies the margin, padding and font-size to all breakpoints. See also 'SHIFT-tricks' in the help.


WYSIWYG Web Builder 17.1.3
Improved:
- Added 'width' and height' attributes to navigation images in Carousel and SlideShow (Google Lighthouse improvement)
- Moved 'vcpopup.css' (Vibracart Pro) between head tags
- Added 'info tip' icon when Shape output format is set to CSS: CSS only supports rectangle, ellipse and rounded corner shapes
- After selecting 'Image Place holder', the image insert mode will be reset to default
- When using tax in the PayPal object, the 'tax_cart' variable will be added automatically so the tax will also be included in the PayPal Shopping Cart checkout
- Removed deprecated 'no_note' variable from PayPal HTML output
- "Import page from another project" now displays a message when no pages have been selected: "To select a page, the box in front of the page name must be checked"
- Several improvements related to internal font-family cache
- Added the ability to use negative letter spacing in Text object


WYSIWYG Web Builder 17.1.2
Fixed:
- Issue with line-break after 'image:svg+xml;' in CSS beautifier
- Timing issues with PayPal Shopping Cart and jQuery v3
- Incorrect 'Bookmark' tab title in Heading properties

Improved:
- Flexcontainer direction property now also supports 'column-reverse' and 'row-reverse' in breakpoints
- Vertical pagination (center) of the Carousel/SlideShow is now responsive


WYSIWYG Web Builder 17.1.1
Improved:
- Added recent colors to color pickers in Shape text
- Added the ability to sort the 'Status' column in the Link Manager

Fixed:
- Issue with links in some extensions
- Issue with URL history in link properties
- Issue with "Make Default" Page Properties -> Icons


WYSIWYG Web Builder 17.1
Improved:
- Added support for 'Font Awesome 6 Pro Regular' (internal mapping to 'Font Awesome 6 Pro'). Note that we are not allowed to distribute the font library, so this is only for licensed users of 'Font Awesome 6 Pro'
- Implemented several improvements in the login tools
- Mega Menu ARIA support improvements
- 'Button only' items in Mega Menus are now also supported in mobile/responsive mode
- Ribbon controls appearance and padding in high DPI mode
- Added Ribbon tab highlighting and activation animations to Office 2019 themes
- Upgraded UI framework with many UI improvements like contextual Ribbon tab appearance, Office 2019-like drop down arrows, all drop down controls are now themed (for dark themes), context menu appearance under Windows 11 etc
- Upgraded to PHP Mailer version 6.5.3
- Windows 11 compatibility

New:
- Added (experimental) support for multi-line text
in CSS menu
- Added support for rounded corners under Windows 11. This behavior can be controlled in Tools -> Options -> User Interface -> Rounded Corners
- Added 'Windows Scenic' visual scheme (Tools -> Options -> User Interface). This renders windows and controls with the standard Windows style
- Added support for smooth scrolling (bookmarks) to the Heading object. This may be useful when used in combination with the Table Of Content object
- Added new height options to flex container: 75vh, 50vh, 33vh, 25vh and 10v
- Added padding support to Cards
- Added 'Remove All' option to Combobox, to quickly remove all items from the list
- Added the ability to display a 'Download' button in the Plyr video player
- Added 'Full Width' and 'Maximum Width' properties to Login Name. This can be useful to limit the size of avatar images in layout grids
- Added sandbox support to the PayPal shopping cart
- Added the ability to show a delete confirmation prompt ('Delete Confirmation') to the Login Admin to prevent accidentally deleting users from the database
- Added 'sponsored' and 'ugc' values to rel attribute in links to qualify outbound links to Google
- Added the ability to use multiple rel values in links (SEO)


WYSIWYG Web Builder 17.0.5
Improved:
- Several improvements related to icons in extensions created with Extension Builder
- Updated plyr scripts to version 3.6.9
- SEO Assistant now activates 'wait' cursor when processing the page, to indicate that it's busy
- 'Use hover style to indicate current page' is now also supported in sub menus of the CSS menu
- When using stencils and shapes on webp images, the output format is now also webp (instead of png)
- The progress bar is updated in smaller steps during publishing/uploading large files, instead of updating the status only after the file has been uploaded completely

Fixed:
- In the SlideShow/Carousel it is not possible to switch to full width. The corresponding function is hidden by the 'Settings' button
- Issue with web-storage in nested layout grid forms
- When filter/search in the Site Manager is active, then it should not be possible to move pages because this may corrupt the site structure


WYSIWYG Web Builder 17.0.4
- Fixed: Tables with classic HTML output do not have font-size

Improved:
- Added the ability to hide the wrap text object in the default view
- Added support for Global Replace in Banners and PNG output
- Global Replace now also works for Cards with different fonts sizes in breakpoints


WYSIWYG Web Builder 17.0.3
Fixed:
- Some background properties of the Breadcrumb are not saved
- Issue with active color of Breadcrumb
- Issue with video background (local file) in Layout Grid
- Issue with command state (enable/disable) in edit context menu
- Issue with drop shadow in Shapes with hover enabled

Improved:
- Optimized link verification in SEO Assistant and Link Manager
- Simplified HTML attribute encoding for Unicode text in breadcrumb
- Implemented workaround for missing icon preview in 'Tell me more'
- Added the ability to override the output folder for Extensions via the Object Manager -> Assets Folder


WYSIWYG Web Builder 17.0.2
Fixed:
- Issue with success and error page with Stripe Ecommerce integration
- Issue with Table Of Context when using incorrect heading order
- Issue with Ecwid Single Products responsive height
- Issue with bcrypt and Change Password form

Improved:
- Added support for HTML5 semantic tags in Table of Contents
- Added aria-labelledby attribute to Table of Contents when a label is used
- Added the ability to use Cards as bookmark
- Double clicking 'Page has no header tags' in the SEO assistant will now open the online tutorial for more details


WYSIWYG Web Builder 17.0.1
Fixed:
- Issue with gradient color alpha in backgrounds
- Issue with SVG icon alignment in breakpoints
- Issue with universal-parallax in layer with breakpoints (display:inline should be display:block)

Improved:
- Added support for 3-byte Unicode filenames in Baby Web Server (for local server preview)
- Added RTL rendering support to Site Tree and Table of Contents
- Several small improvements related to table HTML output
- Several performance improvements related to publishing text and tables (global RTF control table, font query cache)


WYSIWYG Web Builder 17.0.0
WYSIWYG Web Builder 17 has more than 125 new features. With special focus on SEO, Ecommerce, Productivity and Creativity:
Lottie Animations:
- Added support for Lottie animations. Display lightweight, scalable, and interactive Lottie animations on your websites.
- Lottie Animations can be triggered automatically, on click, on hover or on scroll. It is also possible to animate frame by frame based on the scrollbar position (parallax).
- Animations can be used as standalone element or as background / foreground in layers and layout grids.

SEO Assistant:
- New feature: Added SEO Assistant. This new tool helps you make your web pages more search engine friendly. The SEO Assistant scans the page for missing image descriptions, keywords, sitemap.xml/robot.txt, header tags, broken links, mobile support and more. Double clicking one of the reported issues will either open the properties (meta tags, sitemap etc) to fix the issue or select the object in the workspace.

Robots.txt:
- New feature: Added support for 'robots.txt'. Robots.txt is a text file with instructions for search engine crawlers. It defines which areas of a website crawlers are allowed to search.
- You can configure whether to allow /disallow the entire website or configure the rules for each folder individually.

Table Of Contents:
- A Table Of Contents is a list of links that lead to different sections on a page. They're particularly useful for long pages, as they highlight the critical sections of a page in order to improve the reader experience.
- You may know Table Of Content from websites like Wikipedia. Everytime you preview or publish the page, WYSIWYG Web builder will scan the page for heading objects (H1, H2 etc) and update the list. You can also configure the list manually.

Ecommerce:
- New feature: Added third party shopping cart checkout integration for Ecwid, Stripe, Snipcart, Paddle, PayPal, Gumroad and Vibracart Pro. The new ecommerce options are available in the events section. So, basically this means that any image, button, text or menu item that supports events can be turned into a checkout button for the supported Payment gateways.
- Tip: For Snipcart, Vibracart Pro and Ecwid, if you leave the 'Product ID' empty then the button will act as a checkout/show cart button.
- There is also a shortcut button 'Ecommerce' on the Ribbon so you can quickly add ecommerce functionality to a button, image, shape, etc.

Vibracart Pro:
- Vibracart Pro is a third-party Ecommerce solution. It supports digital (downloads) and physical products. PayPal and / or Stripe are supported for checkout. It has support for coupons, discounts, multiple shipping plans, VAT and lot of other options.
- Vibracart Pro is a self-hosted, which mean that the cart runs on your own website. So, you will need to install the product on hte server before you can use it.

Ecwid Shopping Cart:
- New feature: With the Ecwid Shopping Cart object you can easily integrate the Ecwid Ecommerce platform into your WYSIWYG Web Builder website. Ecwid is an awesome e-commerce software platform that allows you to add shopping cart functionality to any current site and also get a mobile and Facebook store in one package.
- Ecwid Shopping Cart is a hosted Ecommerce solution. This means that the cart runs on the Ecwid website. So, you do not have to install anything on your own server.
- Creating a basic account is free. Upgrade options available for advanced functionality (discount coupons, product downloads, Enhanced SEO capabilities and much more).
- All functionality is based on standard Ecwid scripts, so your web shop will run on the Ecwid servers. You can setup products (like name, description, categories pricing, styling) via the Ecwid dashboard.

The following Ecwid widgets are supported:

ECWID - Product Browser :
- This is the main container and it is mandatory; this will contain your products, categories, search results, the checkout options etc.

ECWID - Shopping Bag:
- This widget contains the Shopping Bag; when viewing products, you can Drag & Drop them to the shopping your basket.

ECWID - Category Browser:
- Display a list of categories. This controls the content of the Product Browser widget.

ECWID - Search Box:
- Search for products. The results will be displayed inside the Product Browser widget.
- ECWID - Single Product:
- This makes it possible to display a single product. This can be used instead of the Product Browser widget.
- Note: for performance and security reasons the workspace does not display a live preview of the webshop. The workspace will display a place holder. So, you will have to preview or publish the page to see the result.

PayPal Shopping Cart:
- New feature: Added 'PayPal Shopping Cart'. The PayPal Shopping Cart works in combination with the standard PayPal buttons from the Toolbox (Add to Cart and View Cart). But instead of redirecting the users to the PayPal website, the shopping cart will keep the users on your website until they checkout.
- PayPal Shopping Cart will show an icon on the website with a badge indicating the number of items in the cart. Clicking the icon will display a popup with the contents of the cart and a checkout button.

PayPal Buttons:
- New feature: Added new built-in images: buy now, checkout, PayPal logo and acceptance. Al images are available in large, medium and small sizes.
- New feature: You can now easily add options (combobox) with different prices:
- Add a combobox
- set the name to 'amount'
- add items, the value is the price
- In the 'Options' section of the paypal butyon select the ID of the combobox.
- New feature: Input fields (editbox, combobox, spinner) can now be used to update the quantity of the PayPal button. The name of the input should be be 'quantity'.

Image Hotspots:
- Improved: The 'Image Hotspots' object is now responsive. Hotspot coordinates will automatically be recalculated when the size of the image changes in a layout grid or breakpoints.
- Improved: Hotspots now have their own ID. This can be used (for example) to show a Popover Card or a Tooltip object.
- New feature: Added the ability to show tooltips for hotspots.
- New feature: Added new 'icon' hotspot. This makes it possible to use icons on the image. Each hotspot can have its own icon and color. It also possible to add a pulsate animation to the icon to grab the attention of the visitor.
- New feature: Added the ability to import hotspots from SVG files. This can be useful for importing SVG maps, so you do not have to enter the coordinates manually.
- New feature: Sometimes the number of points may be too much for a hotspot. In that case, you can use the ‘Simply Path’ option. This will reduce the number of points in the list based on the specified epsilon value.

Date Picker:
- New feature: Added 'focus color' property (for overlay mode). Specifies the outline color for focus state.
- New feature: Added 'Bootstrap Datepicker' modes: date, time or date & time. This can be used as alternative for the jQuery UI date picker.
- Improved: Colors of editbox and datepicker dropdown can now be set separately.

Input Mask:
- New feature: Added 'Input Mask' functionality to Editbox. An inputmask helps the user with the input by ensuring a predefined format. This can be useful for dates, numerics, phone numbers etc.
- What's the difference of input masks and validation rules?
- Input masks are about formatting; validation rules are about correctness of values
- Note: there is no direct link between validation and input mask, so you wil need to make sure that the combination masking and validation makes sense.

Range:
- New feature: Added 'Range' object for use in forms. Implements a slider-like control for entering numbers. You can set a min and max value and steps to define the number intervals. For example: 0.5
- The Range object also supports events and conditions! With conditions, the range can be linked with another input field, for example an editbox to display the selected value.

Spinner:
- New feature: Added Bootstrap-mode to spinner, in addition to jQuery UI mode. In Bootstrap mode, up and down buttons are displayed at the left and right side of the input field.
- New feature: Added support for padding. This controls the left and right offset of the text and also affects the size of the spin buttons in Bootstrap mode.
- New feature: Added text alignment property: left, center, right.
- New feature: Added support for conditions. This can be useful to calculate values in a form. For example, calculate the price based on the quantity in a PayPal shopping cart.

Publish:
- New feature: added the ability to set permissions for secure ftp in "Explore'
- New feature: added 'check for invalid filenames' during publish. A warning will be added to the publish log when a non-web-safe filename is detected: invalid characters are: space, #, %, <, >, &, {, }, [, ], ?, $, :, ", ', @, +, =, | and !.
- New feature: Added 'Browsers' button to publish/preview settings. This is a shortcut to the edit preview browsers editor.
- Removed: wininet/IE dependence, replaced by chilkat FTP library. For better performance and security.

Preview:
- New feature: Added 'Preview Currently Opened Pages'. This generates the HTML the all pages that are currently open in the workspace (in addition to 'preview current page' and 'preview entire website').
- New feature: Added 'Local Server' preview type. This uses a local server for preview. One of the main reasons why this option was added is to make it possible to preview the website on a mobile device (via your local network) without having to publish the website. Another benefit is that you can add (optional) support for PHP or even setup a local MySQL database server with PHPMyAdmin.
- PHP, MySQL and PHPMyAdmin should be installed separately. Note that PHP, MySQL support are currently experimental and we cannot give support on the setup of these third party tools.

Site Manager:
- New feature: Added 'pinned' pages. This option displays a list of pinned pages, so you mark the pages you are currently working. Or pin pages that you frequently update.
- New feature: Added 'recently modified' pages. Displays a list of recently modified pages.
- New feature: Added 'need review' pages. Displays a list of responsive pages were one or more breakpoints need to be reviewed due to changes to the page or master page.
- New feature: Added 'Find Referrers' tool. This will display a list of the pages that are linked to the selected page. This may be helpful if you want remove the page but are not sure which pages are referring to it. It can also be used to see which pages use the selected page as master page.
- Improved: When using drag & drop to rearrange pages, holding the CTRL key will insert the dragged page directly under the page it was dropped on (instead of making it a sub page). The Site Manager will now display an insertion mark to indicate where the page will be inserted.

Responsive Web Design:
- New feature: Added 'need review' functionality. When using breakpoints, modifications in one view may also affect the layout in other breakpoints. For example, if you have added a new object then you may need to change the size or position in another breakpoint. WYSIWYG Web Builder now shows a 'needs review' icon for those breakpoiints to remind you about this. Also, the site manager can displays a list of pages were one or more breakpoints need to be reviewed. As soon as you switch the breakpoint, the 'needs review' state will be cleared.

HTML:
- New feature: Added “Include width and height attributes in images to prevent Cumulative Layout Shifts” option in Tools -> Options -> HTML. This specifies whether to include width and height attributes (width="800" height="600") in tags in addition to CSS. This helps the browser to allocate the correct amount of space in the document while the image is loading. This may be useful to improve Google's lighthouse 'Best Practice' scores.
- New feature: Added “Include structured data in navigation objects for improved SEO ranking” option in Tools -> Options -> HTML. Specifies whether to include structure data (schema.org) in navigation items. This may help search engines to better understand the structure of the menus on the page.
- Improved: Many other small HTML improvements in order to help improve Google LightHouse scores

Shape Dividers:
- New feature: Added support for vertical shape dividers. This makes it possible to add divider to the left or right side of a layer, layout grid etc.
- New feature: Added 'offset' option. Useful for moving the divider to the center (50%) of the contuiner.

Text:
- New feature: Added support for underline styles: double, dotted, dashed, wave
- New feature: Added the ability to set a different underline color.
- New feature: Added RTF table support to text object. Now you can directly insert tables in text. With the ability to set the cell background color, border color and with.
- Columns and rows can be resized with the mouse. The formatting (font family, font size, color etc) can be set for multiple cells at once.
- You can even copy/paste table from Word or Excel. Note however that RTF does not support all Office features.
- You can insert a new table via the toolbar, context menu or by entering the following characters +----------+-------+ and pressing enter.

TAB key:
- In a table cell, the Tab key goes to the next cell and Shift+Tab goes to the previous cell (if any).
- If the selection is in the last cell of a table, the Tab key inserts a new row after the last row.

Enter key:
- At the end of a table row, the Enter key inserts a new row after the current row.
- Important: This is standard Windows functionality.
- Unfortunately, there are some limitations but we decided to make it available anyway because it may be a useful feature for some users.

Known issues:
- Resizing columns may reset colors
- Merge and split not supported
- Border colors are sometimes rendered incorrect, but the published HTML is correct.
- We have reported these issues to Microsoft and these are confirmed bugs in Windows.

Tables:
- New feature: Added new border commands to quickly set the borders of selected cells: color, width, left, right, top, bottom, no borders, all borders, outside borders, inside border etc.

Icons:
- New feature: Added the ability to use multi-color for icons. Each individual part of the icon can now have a different color.
- New feature: Added 'text-stroke' option to borer styles, adds a stroke to the icon.
- New feature: Added built-in support for Material Icons 4.0.0 with more than 800 new icons!
- New feature: Added support for Material Icons Round, Material Outlined and Material Icons Sharp. These are variants of the Material Icons.

 Heading:
- New feature: Added 'text-stroke' option to border styles, using this option adds an outline to the text (instead of a border around the element)
- New feature: Added support for "background-clip:text" option. The background (color, image, gradient etc.) is clipped to the foreground text.
- TIP: use background video of layer
- Improved: Optimized rendering speed of text shadow

Style Manager:
- New feature: Added 'text-stroke' properties. This make it posisble to use text-stroke for basically any object that supports styles (like standard text and form elements).

Editable Content:
- New feature: Added 'Last modified date' in Admin overview. To remove the 'Last Update' column, just leave the 'Last Update' text field empty.
- New feature: Added the ability to use multiple "editable content admin' object per project. Each admin object can have its own password and you can select which pages can be edited by the admin.
- Note: if you do not select any pages, then all content pages will be included just like the behavior in the previous version.

Cards:
- New feature: Added the ability to set the default font for new card items. The font family, color and size can be set in the style properties of the card.
- New feature: Added support for shape dividers. Another great way to decorate your cards!
- New feature: Added the ability to add a speech bubble-like arrow to cards. Popover -> trigger -> speech bubble. The size of the arrow can be controlled via the 'font-size' property.
- New feature: Added 'Show close button' option to header item. With close button the user can hide the card. For example, when the card is used in 'portlets' mode of the card container.
- New feature: Added the ability to set text decoration: none, underline or line-through.
- Improved: The width of image items can now also be specified in percentages. This makes the size of the image relative to the size of the card, which may be useful for responsive layouts.

Card Container:
- New feature: Added the ability to set the column gap for card decks. This sets the margin for all cards in the container to the specified value. To manually control the margin for each card, set this value to '0'
- New feature: Added 'grid' mode. Allow you to easily create a grid (columns / rows) with card
- New feature: Added 'portlets' mode. In portlets mode, the visitor of the website can rearrange cards via drag & drop. Also, cards can be hidden or expanded/collapsed. The state of the portlets will be saved for the next time the user visits the website (via webstorage). The colors of the drag & drop 'place holder' are configurable. The built-in function resetPortletsState() can be used to reset the state of the portlets (via events).
- New feature: Added 'equal height cards' option. This specifies whether all cards in the same row should have the same height. If this option is off then cards with different content may have different heights.

Layers, Layout Grid, Flex container:
- New feature: Added support for 'universal-parallax. This can be used as alternative for the standard parallax. This options also works on mobile devices.
- New feature: Added the ability to select a local file as video background. Also, if you select a background image then this will be used as the 'poster' image.

Layout Grid:
- New feature: Added 'Fixed width' property for columns. This makes it possible to give one or more grid columns a fixed width. This property is responsive so it can be different in breakpoints.

Dialog / Modal Layer:
- New feature: Added the ability to set the heading tag for the dialog title (applies to Bootstrap only). Previously the title tag was fixed to , but now you can control this yourself. This may be useful to optimize your wes site’s heading and /or improve Lightspeed scores.

Accordion:
- New feature: Added the ability to set the heading tag for the panel titles.

Flex Grid:
- New feature: Added a handy way to define grid areas using the mouse. Step 1: clear the grid (via template). Step 2: click the first cell of the range and hold down the mouse button. Step 3: move the mouse cursor to the last cell and release the mouse button. A new range will be created automatically created. Repeat these steps to add more areas.

Animation and Transitions:
- New feature: Added support for 'clip-path' property. This is a powerful property that allows you to create shape based animations.
- New feature: Added 15 new animations using the clip-path property. You can edit the animations via the Animation Manager.

Google Fonts:
- New feature: Added the ability to specify additional parameters for Google Fonts. Example: &display=swap
- New feature: Check for missing Google fonts when loading a project. This will scan the project for missing fonts and prompt to automatically install the missing fonts.
- New feature: Added 96 new Google Fonts.
- Removed: "Use Google Fonts for non-web safe fonts'. Use the Google Font Manager instead.

Shape:
- New feature: Added the ability to justify alignment of shape text.
- New feature: Added experimental 'shape-inside' text for "Flowchart Connector" shape. Basically, this shape is exactly the same as the standard ellipse shape. However, the text will wrap following the circle inside of the regular rectangular box.
- Improved: Layout CSS for text now uses always percentages and flexbox for better responsive behavior.

ClipArt / TextArt / Shape:
- New feature: Added the ability to use a video as the background for shapes, clipart and textart! This uses CSS's clip-path to clip the video inside the path. Supported video's include YouTube, Vimeo, Pixabay and HTML5 video (mp4, webm).
- New feature: Added 'fill rule' option (normal / inverse). This makes it possible to create 'cutout' shapes, clipart and text where the shape or text is transparent, instead of the background.
- New feature: Added the ability to add padding to the shape, clipart or text. This is especially useful when fill rule is set to 'inverse', so you can set some spacing around the shape.
- Improved: ClipArt, TextArt, Shape objects are now responsive when the output format is set to SVG! So, finally shapes can have different sizes in breakpoints even in fixed/absolute layouts.
- Improved: Shadow now uses native CSS filters instead of simulated effect. This improves the size, quality and performance of the shape. Also image/svg remains responsive and the effect is animatable (via transition and animations).

TextArt:
- New feature: Added 3 new warp styles: circle large, circle medium, circle small. A great way to add circular text. Note: When exported as SVG, the text is responsive.
- ClipArt / TextArt / Shape / Polygon / Banner / Text / Merged Object:
- New feature: Added the ability to publish the image in WebP format. This may reduce image file sizes while maintaining the same quality. The published file will use lossless compression.
- The compression level can be set in Tools -> Options -> Publish. with level 1 being the fastest, 9 being the slowest. Fast mode produces larger file size than slower ones.
- It is also possible to export in WebP format via the context menu: Save as Image.

Image:
- Improved: Image now uses scrset instead of javascript for the retina image.
- Improved: Lazy load script has been replaced with native HTML loading="lazy" attribute for better performance. Also applies to photo gallery and rollover images.
- Improved: 'gaussian blur' shadow effect has been renamed to 'drop shadow' because this is the official CSS name for this effect.
- Improved: 'drop shadow' now uses native CSS filters instead of simulated effect. This improves the size, quality and performance of the image. Also image remains responsive and the effect is animatable (via transition and animations).

Picture:
- New feature: Added support for 'drop shadow'. See image.

Photo Gallery:
- Improved: If you use WebP images in the Photo Gallery then the generated thumbnail images now also will be in WebP format

Site Tree:
- Improved: The Site Tree now uses Direct2D rendering instead of MSHTML. This results in faster rendering and more control over the layout.
- Improved: Responsive fonts
- New feature: Added padding support
- New feature: Added 'indent' property to set offset for text items
- New feature: Added 'full width' property for use with layout grids
- New feature: Added 'text alignment' option
- New feature: Added support for custom border and border images
- New feature: Added the ability to rotate the object
- New feature: Added the ability to set the line height

YouTube / Vimeo / HTML5 Video:
- New feature: Added support for Portrait aspect ratio 9:16

Video Player:
- New feature: wb.videoplayer.min.js has been replaced with plyr.min.js, so the video player now has many extra options: responsive, sub title support, aspect ratio and lots of styling options!

Embed:
- The 'plug-in' object has been renamed to 'embed'
- Deprecated HTML options have been removed
- Added 'type' property to set the media type

Login Tools - User Redirect:
- New feature: Added the ability to redirect with user roles. Use brackets, to indicate that you want to use a user role. For example: {guest] or [admin]

Login Tools - Login:
- New feature: Added 'Allow Login with Email Address' option. Specifies whether the user can also login with the email address.

Conditions:
- New feature: Added 'range' condition. And easier way to test whether the numeric input is within a range (min / max).
- New feature: Added 'set choices' action. This lets you "chain" multiple form comboboxes (select lists) together so that the selection in a "parent" list can tailor the options available in a "child" list.
- Options should be separated by a comma: option1,option2,option3. By default, the text is also used as the value. But you can also configure a separate value: option1=1,option2=2,option3=3

Events:
- New feature: Added drop down to 'Events' button with new commands: Object Events, Page Events and All Events.
- Object Events, opens the event dialog for the currently selected object (or page).
- Page Events, opens the event dialog for the page.
- All events, open the events dialog with a list of all the events of the page and objects. This may be useful if you do not remember to which object(s) you added events.

Link Manager (previously known as 'Verify Links'):
- New feature: Added the ability to verify internal links. This option verifies whether linked pages still exist in the project. If not, then you can fix or remove the link directly from within the Link Manager.
- New feature: Added 'Remove' button. This add the ability to remove the link for the selected items.
- Improved: The Link Manager no longer depends on wininet to verify the links. This makes verifying links faster and more reliable.

Links / Navigation:
- New feature: Added rel="noopener" and rel="noreferrer" options to links.
- This is especially useful when opening untrusted links, in order to ensure they cannot tamper with the originating document via the Window.opener property.
- 'noopener' instructs the browser to navigate to the target resource without granting the new browsing context access to the document that opened it.
- 'noreferrer' means that no referer header will be included. Additionally, has the same effect as noopener.
- New feature: Added the ability to add an "aria-label" to make links more accessible to people with disabilities. There is no dedicated property, but you can specify the aria-label text in the 'Title' property by using the ^ character.
-
- Example:
- Tooltip text^Label for screenreaders
- This will result in the following HTML: This is a link

Carousel / Slideshow / Snap Scroll:
- Improved: The built-in pagination dots now use CSS instead of images. This slightly reduces the size and load time of the page.
- New feature: Added 8 new pagination dot styles: Dot 2 Stroke, Fill In, Fill Up, Puff, Scale Down, Scale Up, Shadow, Small Dot

Themeable Menu:
- Improved: Added support for multilevel drop down menus. Note: use with 'click to open' only.
- New feature: Added the ability to set the padding for sub items in mobile mode.
- New feature: Added 'Arrow spacing' option. Specifies the spacing between the text and the drop down arrow.
- New feature: Added 'Use Split Button' option. A split button is a hybrid between a button and a drop down menu. It displays a drop down menu when the user click the arrow, but also offers one-click access to a default choice that doesn't require opening the menu. Note: split buttons only work with 'click to open submenus'. Hover is not supported.

Overlay Menu:
- New feature: Added 'Expanded' option. This makes it possible to display the menu fully expanded. For example, to display a tree like navigation. When the menu is full expanded the main items with a sub menus can also have links.

Responsive Menu:
- New feature: Added 'Arrow offset' option. This specifies the spacing between the text and arrow (for menu item with sub levels). It is also possible to set a negative offset. In that case the arrow will positioned at the right side of the menu item.

Breadcrumb:
- Improved: Added support for structured data (schema.org), so search engines can better understand the structure of the Breadcrumb navigation
- Improved: The separator padding is now responsive so it can be different in breakpoints.

Go Menu:
- New feature: Added border-radius property

CSS Menu / Text Menu:
- Improved: The "Spacing" of (main) menu items is now responsive so it can be different in breakpoints. This may be helpful to increase spacing between links on mobile devices (and prevent "Tap targets are too small" warnings in Google's Lighthouse).

Text Menu:
- New feature: Added 'Full Width' property. Display the menu full width in Layout Grids.

ListView:
- New feature: Added an optional 'Search filter'. This adds a search filter bar to the listview.

Navigation:
- Improved: If a navigation object (menubar, panel menu etc) is selected then the 'Link' button will open the object's properties.

Page Properties:
- New feature: Added support for 'prefers-reduced-motion' via "Disable CSS animations and transitions for prefers-reduced-motion". This option will disable CSS animations and transitions if 'Reduce motion' is enabled in the user's system settings.
- In Windows 10 you can disable animation via Control Panel -> Turn off all unnecessary animations'. On the Mac: Accessibility -> Display -> Reduce motion
- New feature: Added support for the ‘slim’ version of jQuery. The 'slim' version excludes the ajax and effects modules and is approximately 17Kb smaller than the full version of jQuery. You can select the slim version if you are just using basic features like simple events (without effects) or Bootstrap based widgets.
- JQuery UI widgets require the full version because they use the effects module. Also, Instagram integration uses ajax so this also require the full version. So, make sure test all the functionality of the page to make sure everything works correct with the slim version.

Themeable Button:
- New feature: Added 'show checkmark' option for checkbox and radio button mode. This specifies whether the optional checkmark is displayed on the button.
- Improved: The button no longer uses jQuery and jQuery UI themes when the button type is set to normal, reset, submit or link. 'Use jQuery UI Theme' should be off.

Dark Mode:
- New feature: Added a toggle button to quickly switch between Light and Dark mode.

Change Case:
- New feature: Added ‘Change case’ to the context menu of standard text input boxes. You can now easily change the capitalization, or case, of text in an input box via the context menu (right click).

Lorem Ipsum:
- New feature: Added ‘Lorem Ipsum’ insert options to the context menu of text input boxes.

Easing:
- Improved: When using Easing effects in animations (for example in Bookmarks, Panel Menu, SVG animations, Snap Scroll etc), the HTML generator will now only include the jQuery Effects module (11KB) instead of the full jQuery UI library (248KB)!

Other important changes:
- JQuery Mobile has been removed from the software. This third party library is no longer supported because it is outdated (last update: 2014).
- JQuery Mobile page will be converted to standard pages with Layout Grids.
- Important note: The converted pages will not look exactly the same as before so please review the result before re-publishing these pages!
- Support for SVG fonts (@font-face ) has been removed. This feature is deprecated/obsolete and should no longer be used

更新時間：2022-08-11
更新細節：

更新時間：2022-06-27
更新細節：

更新時間：2022-05-25
更新細節：

更新時間：2021-12-28
更新細節：

更新時間：2021-09-29
更新細節：