SWEET SIXTEEN (teaser)

[Pablo]

Panel Layer and Panel Menu

- New feature: Added 'position' property to Panel Layer. Choose between fixed or static. When fixed, the panel is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled. When static, the panel will scroll with the content.

[Pablo]

Dialog

- New feature: Added show/hide animations to Bootstrap dialog mode. Includes 36 new animations.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... tions.html




- New feature: Added border-radius property to button style.




- New feature: Added 'full width' to horizontal alignment' options.

- New feature: Added 'full height' to vertical alignment' options.

[Pablo]

Rollover Layer

- New feature: Implemented functionality to create rollover cards. When you add two cards (default and hover) and set the 'Position children' option to 'floating' then both cards will automatically get the same height so you can for example implement 'flipping cards'.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... cards.html


- New feature: Added more than 25 new CSS animations: move, flip, fold, push, cube, tilt etc.




- New feature: Added the ability to trigger the rollover layer on click instead of hover.

[Pablo]

HTML5 Video

- New feature: Added the ability to select a stock video from Pixabay.






- New feature: Added 'Plays inline' option. A Boolean attribute indicating that the video is to be played "inline", that is within the element's playback area. Note that the absence of this attribute does not imply that the video will always be played in fullscreen. The behavior depends on the settings of the browser.




- New feature: Added the ability to add sub titles. Subtitle data are simple text files that follow a specified format, in this case the Web Video Text Tracks (WebVTT) format. Multiple languages can be configured.

[Pablo]

HTML5 Audio/Video, YouTube, Vimeo

- New feature: Added 'Use Plyr' option. This adds the ability to use the 'plyr' media player instead of standard HTML5 audio/video enabling a consistent UI in all browsers.

[Pablo]

- New template: "Profit"



This template demonstrates Motion Effects and Entrance Animations and also uses one of the new animated shape dividers.

Preview:
https://www.wysiwygwebbuilder.com/suppo ... rofit.html

[Pablo]

- New template: "Doodle"



The idea behind this template was to make it look like it was manually drawn.
The doodle art was created by colorgfx. All other images were drawn by hand...

Preview:
https://www.wysiwygwebbuilder.com/suppo ... oodle.html

[Pablo]

- New template: "Comic Book"



The idea behind this template was to make the page look like a Comic Book.
It uses a flex grid for the layout.
Many thanks to FilosoFashion for modeling for the "pop art' images

Preview:
https://www.wysiwygwebbuilder.com/suppo ... cbook.html

[Pablo]

Page

- New feature: Added 28 gradient styles to page style properties. The output will be a full-size background gradient using CSS (instead of images, like in previous versions). For backward compatibility, 'horizontal' and 'vertical' options (with image output) are still available.




- New feature: Added the ability to disable CSS animations and transitions for smaller screens.

[Pablo]

Rotate

- New feature: Added the ability to rotate (almost) all basic elements. For example: line, heading, banner, media, navigation, form elements (button, combobox, editbox, text area).

[Pablo]

CAPTCHA

- New feature: Added the ability to set the text color of the image (in addition to using a random color).

- New feature: Added the ability to set the transparency of the text, so the background will shine through.




- New feature: Added new background effects: 'noise' and 'dots & lines'.








- New feature: Added wave effect. This will apply a wave filter to the image to make it harder to read for spam bots.




- New feature: Added 'Enable rotation' property. Specifies whether to use randomly rotated characters.

- New feature: Added the ability to specify which characters will be used in the image. Avoid using confusing characters and numbers (For example: l, 1 and i)




- New feature: It's now possible to hide the standard editbox (set offset to -99). This allows you to create your own input control to give you more control over the size, position and styling.

- New feature: Added 'math' CAPTCHA mode. This displays a (random) mathematical challenge, instead of characters.




- New feature: Added built-in support for Google’s reCAPTCHA v2 and reCAPTCHA v3.






- New feature: Added support for hCAPTCHA. hCaptcha is a free, private and secure CAPTCHA service that helps protect your forms against spam which works along similar lines to Google’s version but offers more methods of identifying and blocking bots.




- New feature: $CAPTCHA_ERROR$ site variable. This can be used to specify a custom captcha error message.




- New feature: Added support for events. The 'callback' event will be triggered when the user submits a successful response. For example, to enable the submit button.

[Pablo]

Form

- New feature: Normally, when a checkbox or flipswitch is unchecked then the browser will not send the value to the server. In WWB16, you can now also set a value for the ‘OFF’ state. You can set the OFF value, by using two values separated by a pipe-symbol. For example: ON | OFF




- New feature: Added support for multiple select combobox values in the MySQL script.

- New feature: The built-in form processor script can now handle multiple file uploads in combination with File Upload -> multiple.

[Pablo]

Advanced Button

- New feature: Added the ability to use the Advanced Button as a link. The URL of the link can be set via the ‘Link’ settings. This new feature may be useful if you want to create a multi-line link button.

[Pablo]

Themeable Button

- New feature: Added 'cursor' property. Specifies the mouse cursor to be displayed when pointing over the button.




- New feature: Added 'text alignment' property.




- New feature: Added 'border style' property to Themeable Button.




- New feature: Added support for padding.

- New feature: Added the ability to set the alpha value of the border color.

- Improved: Added the ability to enable/disable Themeable Buttons via events.

[Pablo]

- New template: "Sinatra"



This template was inspired by the music and cover art of Frank Sinatra with some random photos of my Sinatra collection.
The color scheme was taken from the album cover "Swinging Lovers".
One of the 'highlights' of this template are the cards with song titles and animated vinyl records (triggered on mouse over).

Preview:
https://www.wysiwygwebbuilder.com/suppo ... natra.html

[Pablo]

- New template: "Wedding"



This template demonstrates Motion Effects.
The animated hearts were created a standard Shape and the Particles JS script.
Another 'fun fact' about this template is that the pictures of married couple are not real people. The photos were created with artificial intelligence.

Preview:
https://www.wysiwygwebbuilder.com/suppo ... dding.html

[Pablo]

- New template: "Coffee 2.0"



This template demonstrates a few new Card options and one of the new Carousel animations.

Preview:
https://www.wysiwygwebbuilder.com/suppo ... ee_v2.html

[Pablo]

Tabs

- New feature: Added ‘Steps’ mode. This implements a simple 'stepper' widget. This may be useful for registration forms, payment gateways or tutorials with steps.

Online demo:
http://www.wysiwygwebbuilder.com/suppor ... epper.html






- Improved: Events can now be configured via the tab settings.

[Pablo]

Accordion

- New feature: Added arrow position property. The arrow can be displayed left, right or hidden.




- New feature: Added the ability to use icons in the header (font awesome, material icons etc.). Each panel header can have its own icon.






- New feature: Added the ability to open a specific panel via bookmarks (hash).






- Improved: Redesigned event configuration. Events can now be configured via the panel settings.

[Pablo]

Listview

- New feature: Added support for badges. To add a badge, place the label between curly brackets. Example: "Text {new}"




- New feature: Added the ability to display listview items in a grid. The number of columns is responsive and can be different in breakpoints.

[Pablo]

- New template: "Fashion"



This template demonstrates a sticky navigation bar and uses Cards for a blog-like layout.

Preview:
https://www.wysiwygwebbuilder.com/suppo ... shion.html

[Pablo]

- New template: "Cards Blog"



Another blog layout with (almost) Cards only.

Preview:
https://www.wysiwygwebbuilder.com/suppo ... sblog.html

[Pablo]

- New template: "Agency Dark"



This template uses a border less accordion for the FAQ.
It uses SVG animations for the icons and background image CSS animation for the animated stars.
The 'Privacy' popup uses a Dialog with one of the new animations.

Preview:
https://www.wysiwygwebbuilder.com/suppo ... ydark.html

[Pablo]

Overlay Menu

- New feature: Added direction property (left-to-right/right-to-left).




- New feature: Added 'layout mode' property. Supports 'drilldown' or 'expandable'.






- Improved: Added the ability to use multiple instances of the overlay menu per page.

- Improved: Added overflow-y so if the menu is larger than the viewport the user can scroll up/down.

- New feature: Added Link transitions. This adds the ability to animate the background or border of the menu items. Includes 18 transition effects: fade, slide, scale, rotate, underline, overline etc.




- New feature: Added the ability to display the menu as a 'popup' or 'inline' menu in addition to 'fullscreen'.






Inline mode can also useful for creating fancy panels or sidebars in combination with the Panel layer.




- Improved: Overlay now uses flexbox for alignment.

- New feature: Added CMS support. The Overlay menu can now also be used as part of WYSIWYG Web Builder's content management system.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... ymenu.html

[Pablo]

CSS Menu

- New feature: Added support for icons in menu items (font awesome, material icons etc).




- New feature: Added direction property (left-to-right/right-to-left). This reverses the horizontal buttons for RTL languages.




- New feature: Added 6 new button animations: delayed left, delayed right, delayed top, delayed bottom, delayed middle and pulse




Online demo:
https://www.wysiwygwebbuilder.com/suppo ... smenu.html

[Pablo]

Themeable Menu

- New feature: Added orientation property to control the position of the sub menu: top start,top end,right start,right end,bottom start,bottom end,left start,left end






- New feature: Added the ability to show sub menus on 'hover' instead of 'click'. Uncheck 'Click to Open Submenus'.

- New feature: Added button spacing property. Specifies the spacing between buttons.

- New feature: Added support for 'scrollspy'.

- New feature: Added support for 'affix'.

- New feature: Added support for 'highlight current page'

[Pablo]

Responsive Menu

- New feature: Added the ability to set border (width and color) for main or sub items. It's also possible to set a border around the around whole menu by using a negative value.






- New feature: Added 'spacing' property. This specifies the spacing between main items, so you can create separate buttons.

- New feature: Added 'Mobile alignment' property. This specifies the text alignment when the menu is in mobile mode.




- New feature: Added CMS support. The Responsive menu can now also be used as part of WYSIWYG Web Builder's content management system.

[Pablo]

Pagination Menu

- New feature: Added the ability to display circular items. Set the border radius to 500 and use a negative value for the right padding to add spacing between items.

[Pablo]

Events

- Improved: Events window displays first 25 characters of JavaScript.




- Improved: Using show/hide with effect with lightbox, dialog, modal, toast, panel will automatically use show/hide instead because these features do not support effects.

- Improved: The Events window is now resizable.

[Pablo]

Transitions (CSS)

- New feature: Added animation properties: animation-name, animation-duration, animation-delay, animation-iteration-count, animation-direction, animation-timing-function, animation-fill-mode. This can be used (for example) to set the animation of the object on hover.

[Pablo]

Scroll Transitions

- New feature: Added the ability to use predefined animations for scroll transitions. The keyframes of the selected animation will automatically be converted to scroll transitions, so the animation is played frame by frame while the objects scrolls through the viewport.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... tions.html

[Pablo]

Toasts

- New feature: Added support for standard events (onclick, onmouseover etc).




- New feature: Added dedicated Toast events. 'show' fires immediately when the show action is called. 'shown' is fired when the toast has been made visible to the user. 'hide' is fired immediately when the hide action has been called. 'hidden' is fired when the toast has finished being hidden from the user.

[Pablo]

Login Tools

- New feature: Added 'Hash Algorithm' property. This adds support for improved password hashing and better security using bcrypt (as alternative for md5). Passwords will be upgraded automatically when the user logs in.

[Pablo]

Login Tools: Delete Account

- New feature: Added 'Delete Account' object. This allows users to delete their account. This option is also referred to as unsubscribe or opt-out.

[Pablo]

Login Tools: Logout

- New feature: Added the ability to add an icon to the Logout button. All supported icon libraries can be used (FontAwesome, Material Icons, Linea, Ico Font etc).




- New feature: Added standard background and border options. This replaces the 'button' type property which only supported solid background and image.




- New feature: Added 'cursor' property. Specifies the mouse cursor to be displayed when pointing over the button.

[Pablo]

Login Tools: Signin

- New feature: Added support for Math Captcha, RecaptchaV2 and RecaptchaV3. The new options can be configured via the 'Captcha Settings' property.




- New feature: Added 'Password Strength' property. Specifies a regular expression to validate the password strength.
Please see the help for examples.

[Pablo]

Ready-to-use-JavaScript

- New feature: Added 'Sound Cloud Player' widgets. The SoundCloud widget embeds audio clips from SoundCloud.




- New feature: Added "Adapt Container Width" option to FaceBook Page Plugin. Try to fit inside the container width.




- New feature: Added 'FaceBook Post Plugin". Put public posts - by a Page or a person on Facebook - into the content of your web site.




- New feature: Added 'Facebook comments counter' script. Displays the number of comments on a given URL on your webpage.




- New feature: Added 'Facebook comments plugin' script. Lets people comment on content on your site using their Facebook account.





- New feature: Added 'Facebook quote' script. The quote plugin lets people select text on your page and add it to their share, so they can tell a more expressive story.

- New feature: Added 'Facebook video plugin' script. Add Facebook videos and Facebook live videos to your website.

[Pablo]

- New template: "Jingles"



This template use multiple instances of the SoundCloud script;)

Preview:
https://www.wysiwygwebbuilder.com/suppo ... ngles.html

[Pablo]

- New template: "colorful"



This template introduces a few new Card ideas.

Preview:
https://www.wysiwygwebbuilder.com/suppo ... orful.html

[Pablo]

- New template: "Avantage"



This template includes a couple of random Block ideas.

Preview:
https://www.wysiwygwebbuilder.com/suppo ... ntage.html

[Pablo]

Image

- New feature: Added the ability to set the background color for watermark text. Also added padding for controlling the spacing around the text.






- New feature: Added 'full width' option to horizontal alignment. This will stretch the watermark over the full width of the image.

[Pablo]

Rollover Image

- New feature: Added more than 25 new CSS animations: move, flip, fold, push, cube, tilt etc.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... image.html




- New feature: Added the ability to trigger the rollover image on click instead of hover.




- New feature: Added support for borders.




- Improved: Fade and zoom animations now use CSS transitions instead of jQuery.

[Pablo]

Carousel

- New feature: Added 40 new transitions (slide, flip, fold, push, cube, tilt etc.) to the Bootstrap Carousel (full width = flexible).

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... tions.html




- Improved: Redesigned event configuration. Events can now be configured via the Slide settings: Select slide number, click edit. Rearranging slides will also update the events automatically.

[Pablo]

Clip Art

Added 'Shape' and 'Blob' categories.

[Pablo]

Text Art

- New feature: Added 'no transform' style. This can be useful for example to output standard text as SVG with 'text art' styling or animations.

This feature is demonstrated in the 'Sinatra' template:
https://www.wysiwygwebbuilder.com/suppo ... natra.html

[Pablo]

Shape

- New feature: Added 16 new speech balloon shapes.




- New feature: Added line-height option for shape text (HTML only)




- New feature: Added (experimental) support for animating custom SVG images.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... ustom.html

1. Set the background mode to 'image'
2. Select the SVG image



3. Set the output format to SVG

[Pablo]

Banner

- Improved: Banner now has all standard background image options like repeat, align, cover, stretch etc.




- New feature: Added support for box-shadow.

- New feature: Added SVG output format.

- New feature: Added support for SVG path (text) animation.

[Pablo]

Structured Data

- New feature: Added URL and Social Media Profiles (sameAs) properties to “Organization” and “Person” types in Structure Data.

[Pablo]

User Interface

- New feature: Added ‘Use simplified icons” options. Converts toolbar images to colorless, light images. This functionality was designed to give icons a better contrast with dark themes.






- New feature: Implemented Office 2016/2019-like Ribbon Bar Auto-hide mode. With options: "Auto-hide Ribbon", "Show Tabs" and "Show Tabs and Commands"




- New feature: Office 2019-style Visual Themes are available now with the following visual styles: Colorful, Dark Gray, White and Black








- New feature: Added Office 2019-style property view to improve discoverability and make the Property Inspector more user-friendly.






- New feature: Added context menu customization for the Ribbon user interface.
This makes it possible to customize right click menus.




- New feature: Added the ability to customize the background color of the workspace in Design Layout mode.






- Improved: Redesigned splash screen window on startup with progress reporting, so you can see what is going on when you start the application (loading fonts, extensions, icons etc).




- Improved: Added sort icons to Backup manager, Page Weight and Asset Manager to indicate current sort column. Also, added sortable columns to Error Reports, Explore (in the publish settings) and Verify Links.

[Pablo]

Restart Manager

- New feature: Added Restart Manager support. The Restart Manager is a standard feature of Microsoft’s Windows operating system. It can help applications maintain their data when an unexpected software error or crash occurs. Instead of shutting down abnormally, Restart Manager enables an application to perform an automatic save before it is terminated. Furthermore, it can re-invoke the application enabling it to restore its state from before the shutdown or crash.

WYSIWYG Web Builder now has built-in support for the Restart Manager by implementing an auto-save mechanism that performs the saving of the current project to a temporary file. If the application crashes due to an exception, it will be restarted and prompt the user to recover the auto-saved version if available.




If you wish to disable this feature then go to Tools -> Options -> Backup -> Restart Manager



Note:
Restart Manager support is only available in the 64-bit version!