WYSIWYG Web Builder 16.0
WYSIWYG Web Builder 16.0
Desktop publishing for the web, build web sites as easy as Drag & Drop!
Visually design your website (What-You-See-Is-What-You-Get).
Just drag & drop objects your web pages
Navigation bars, Menu bar and many other navigation options.
"One Click Publishing" No FTP program needed. No special hosting required, use with any Hosting Service!
Easily create forms using the built-in Form Wizard plus Form validation tools and built-in CAPTCHA.
Advanced graphics tools like shapes, textart, rotation, shadows and many other image effects.
Fully integrated jQuery UI (Accordion, Tabs etc), animations, effects and built-in ThemeRoller theme editor.
Google compatible sitemap generator / PayPal eCommerce Tools
Many navigation tools available: Navigation bars, tab menus, dropdown menus, sitetree, slidemenus.
Built-in Slide Shows, Photo Galleries, Rollover images, Banners etc.
Support for YouTube, Flash Video, Windows Media Player and many other video formats.
Unique extension (add-on) system with already more than 250 extensions available!
Create HTML5 / CSS3 websites today!
HTML5 document type (optimized HTML5 output).
HTML5 audio/video and YouTube HTML5 support.
HTML5 forms: native form validation, new input types and options, web storage.
HTML5 <canvas> and support in shapes and other drawing tools.
CSS3 @font-face. Use non web safe fonts in all modern browsers.
CSS3 opacity, border radius, box shadow.
CSS3 border-image
CSS3 gradients. Add cool gradient effects using native CSS3 (no images).
CSS3 navigation menu. Create awesome menus without using jаvascript or images.
CSS3 animations and transitions. Including support for 2D and 3D transforms!
CSS3 filters and backdrop filters
Features for advanced users:
Login Tools/Page Password Protection.
Built-in Content Management System with many plug-ins (guestbook, faq, downloads, photo album etc).
Add custom HTML code with the HTML tools.
jаvascript Events: Show/hide objects (with animation), timers, move objects, change styles etc.
Layers: Sticky layer, Docking layer, Floating layer, Modal layer, Anchored layer, Strechable layer and more!
jQuery Theme Manager, create your own themes for the built-in jQuery UI widgets.
Style Manager (global styling, H1, H2, H3 etc).
Master Frames and Master Objects: reuse common elements in your website.
Flexbox Container and Flex Grid
Form conditions and calculations
and much more!
WYSIWYG Web Builder 16 is a major new version with more than 200 new feature and improvements.
What's new in WYSIWYG Web Builder 16?
Note: for a visual presentation (with screenshots, examples and tutorials) of most of the new features, visit:
http://www.wysiwygwebbuilder.com/new_features.html
Pixabay
- New feature: Added Pixabay integration. Browse thousands of free-to-use, high quality images and videos from Pixabay directly within WYSIWYG Web Builder.
Motion Effects
- New feature: Motion Effects introduce a quicker and easier way to implement scroll effects and entrance animations. It provides a simplified interface without having to deal with events and transitions.
Morphing Shape
- New feature: Added 'Morphing Shape' object. Smoothly morph two or more shapes to create amazing animations on your website. All built-in shapes, clipart and icon library are supported. You can even morph between icons of different libraries.
Animations can be triggered automatically (slideshow), on hover, on scroll with anchors or based on the current scroll position (continuous).
Editable Content
- New feature: Added two new CMS tools: 'Editable Content' and 'Editable Content Admin'. The new CMS tools were designed as a simple and subscription-free alternative for services like Cushy CMS and Surreal CMS.
Editable Content can be used to define one or more editable sections on the page. These sections can be modified online with the 'Editable Content Admin' tool.
Multiple sections can be added per page.
No database setup is required , it uses flat file storage (no mySQL).
The page with editable sections does not need to be PHP, the content is dynamically loaded via jаvascript/ajax.
'Editable Content Admin' works with all suppported editors, like tinyMCS and summernote!
CMS
- New feature: Added 'Maximum items' property to CMS menus. This specifices the maximum number of items to display in a menu. This can be usesful if you would like to use the CMS for a blog-like website.
- New feature: Added 'Home label' property. When this is set, a 'Home' link will be added to the menu.
- New feature: Added the ability to customize/translate the text of the various items (headers, buttons)
- New feature: Added 'Page list' property to CMS View. This displays a list of the last modified pages/posts. Clicking on one of the items will load the selected page.
- New feature: Added 'Popular Articles' option to CMS View. This displays a list of the pages with the most views. Clicking on one of the items will load the selected page.
- New feature: Added the ability to display CMS posts in the “News feed Ticker object”. ‘Page List’ will display the pages in the order they were last updated. ‘Popular Articles’ will display the pages with the most views.
- New feature: Added support for 'Summernote' editor. Summernote is a simple, clean and flexible WYSIWYG Editor with lots of options like tables, images, videos etc.
- New feature: Added 'Blog' plugin. This implements a basic blog that can be added to CMS pages. There is also a 'summernote' version of the plugin available with advanced editing options.
- New feature: Added 'Page Views' plugin. Displays the top 10 page views in a pie and bar chart.
- New feature: Added CMS support to the Overlay Menu, Responsive Menu and Themeable Menu.
- Improved: Hidden pages are no longer visible in the search results and in fixed CMS views.
CMS Card
- New feature: Added new "CMS Card" object. This is an extended version of the Card object which can be used as part of the CMS tools. Cards are a quick and easy way display information in various ways on a website. The layout of Cards is flexible so they are great for use in responsive websites.
With the new “CMS Card” object, you can display dynamic data from the CMS database in a card layout. Variables are used to indicate which data you want to display. Variables can be used anywhere in the card: header, footer, text, buttons, and even in videos. For example, you could use the ‘extra data’ field of the CMS as the URL of a YouTube video. Each card on a page can display the content of a different CMS article.
Cache Busting
- New feature: Added ‘Cache Busting’ option for external CSS and JS files.
To speed up load times, Web browsers are designed to cache CSS and JS files. The cached files are stored on the visitor’s computer, so the next time they visit a site, these files will be loaded faster. However, this may cause issues if you have made changes to the website but the browser still loads the previous (cached) version of the files. When cache busting is enabled, unique suffixes will be added to the file paths of the CSS and JS files. This forces the browser to re-load the files code from the server.
Social Login
- New feature: Added Social Login integration. With Social login users can sign-on to password protected pages using existing information from a social networking service such as Facebook, Twitter, LinkedIn or Google instead of creating a new login account specifically your website.
WWB can store the information about the user in a database such as email, name, website etc. For new accounts, an email can be sent to the webmaster with details about the user.
Besides standard information like email and name, you can also store other information specific to each social provider. For example, for Facebook you can store the users's Facebook page or avatar.
It is also possible to set a 'user role' for users that use social login so they can only access specific pages only.
WebP Images
- New feature: Added support for WebP images. Raster image format (pronounced Weppy") developed by Google for Web graphics; designed to reduce image file sizes over standard JPEG compression while maintaining the same or similar quality; allows images to be downloaded more quickly.
https://developers.google.com/speed/webp
Note: requires Windows 10!
Snap Scroll
- New feature: Added 'Snap Scroll' object. Snap Scroll enhances your one page scrolling website experience by providing snapping behavior as you scroll up or down the page. It also adds pagination dots to the page for navigation and displaying the currently active section.
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 compatiblity, 'horizontal' and 'vertical' options (with image output) are still available.
- New feature: Added the ability to disable CSS animations and transitions for smaller screens.
Rotate
- New feature: Added the ability to rotate (almost) all basic elements. For example: line, heading, banner, media, navgation, form elements (button, combobox, editbox, text area). Note that containers like forms, layers, grids etc cannot be rotated.
Line
- New feature: Added 16 new line styles: arrow, cross, chevron, curl, curve, diamond, heart, square, stars, wave, zigzag and more. The new 'Stretch' property specifies horizontal scaling (in percentages) of the pattern.
- New feature: Added the ability to add text to the line.
- New feature: Added the ability to add an icon to the line.
Shape Dividers
- New feature: Added 'Entrance Animation' option. This will animate the divider when it scrolls into the viewport.
- New feature: Added 'Preview' option.
- New feature: Added 'Swap' button for quickly swapping the top and bottom dividers.
- New feature: Added 2 animated wave dividers. For cool dynamic wave effects!
- New feature: Added 15 new dividers: lowland, wave1, wave2, curve4, skyline, graphs (4x), ramp, ramp 3d, slant mixed, pyramid 3d, water 3d, arrow 3d.
SVG Animations
- New feature: Added 'Animate Fill' option. This will hide the fill (background) of the shape until the animation of the stroke is complete.
- New feature: Added 'manual' trigger mode. The SVG animation can now be controlled via events: 'media play' and 'media stop'. For example, to start the animation when a button is clicked or a Carousel slide becomes active.
Photo Gallery
- New feature: Added Filter bar functionality. This enables a filterable portfolio-style gallery of images. Assign labels to images so users can choose which images will be displayed. The filter bar has many styling options and the transition between categories can be animated.
- New feature: Added support for “Unite Gallery”. A responsive gallery with many different styles, like carousel, grid, nested tiles and justified tiles.
Unite Gallery is available as a free add-on for WYSIWYG Web Builder 16: http://wysiwygwebbuilder.com/free_extras.html
- New feature: Added 'on hover (full)' option to display full size text overlay on images.
- New feature: Added support for hover animations for text overlay. More than 20 animations are available: box, fade, slide, spin, translate, zoom etc.
- Improved: on hover now uses CSS instead of jQuery.
- Improved: Added 'Animations' tab to properties. Note that transition wil be applied to indivialy images. This makes it possible to implement advanced hover effect like filters (blur, grayscale, contrast....) rotation, scaling etc.
- New feature: Added support for lc_lightbox. Available in 'free extras' (: https://wysiwygwebbuilder.com/free_extras.html)
- New feature: Added support for Strip lightbox. Strip is an unobtrusive responsive lightbox, which only partially covers the page. This makes it less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience. Available in 'free extras'
Slideshow
- New feature: Added 'Ken Burns' mode. This is a lightweight solution using CSS animations (instead jQuery) to display a slideshow of images with the Ken Burns effect.
- New feature: Added support for lc_lightbox. Available in 'free extras'.
- New feature: Added support for Strip lightbox. Available in 'free extras'.
- Improved: Redesigned event configuration. Events can now be configured via the image settings.
Image
- New feature: Added the ability to set the background color for watermark text. Plus padding for adding space around the text.
- New feature: Added 'full width' option to horizontal alignment.
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: 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 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: Added the ability to change the ‘Click for new image’ text via the Property Inspector.
- 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.
- 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 when the user submits a successful response. For example, to enable the submit button of the form.
Form
- New feature: Normally, if 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
- Improved: Added support for multiple select combobox values in the MySQL script.
- Improved: The built-in form processor script can now handle multiple file uploads in combination with File Upload -> multiple.
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 'border-width' property.
- New feature: Added the ability to open a specific panel of the Accordion via bookmarks (URL hash).
- Improved: Redesigned event configuration. Events can now be configured via the panel settings.
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.
- New feature: Added the ability to open a specific tab via bookmarks (URL hash).
- Improved: Upgraded HTML/CSS/JS to Bootstrap 4.
- Improved: Redesigned event configuration. Events can now be configured via the tab settings.
Cards
- Improved: Upgraded popover HTML/CSS/JS to Bootstrap 4.
- New feature: Added 'maximum width' property'. This specifies the maximum width of the card in flexible layouts.
- New feature: Added 'manual' trigger mode.
- New feature: Added the ability to show/hide/toggle popover via events.
- New feature: Added 'collapsible' option to header. This makes it possible to expand/collapse the card content by clicking the header.
- New feature: Added 'list item' type. A quick way to add an list-like item. Icon + text. The icon can be a different color and it can be positioned at the left of right side of the text. List items also support badges: Text{255,#FFFFFF,#000000}
Card Container
- New feature: Added 'masonry' mode. Cards will be dynamically rearranged based on the available space in the browser window. Masonry measures all of the items and rearranges them in the best way with what is spatially available.
You can configure different column counts in breakpoints. It is also possible to set a ‘column span’ for each card via the flexgrow property.
- New feature: Added 'alignment' property to card container. This specifies the horzontal aligment of cards in 'card deck' mode. This may be useful when cards have a maximum width, so they do not fill the entire row.
Flex Container
- New feature: Added support for 'box shadow’.
Flex Box
- New feature: Added the ability to set the flexbox order The order property specifies the order of an object in a flex container or flex grid relative to the rest of the items inside the same container. This can be useful to define a different order in breakpoints.
ScrollSpy
- Improved: Upgraded scrollspy HTML/CSS/JS to Bootstrap 4.
Layout Grid
- New feature: Added 'stretch' to vertical alignment options. This adds the ability to make the background of columns full height, even when the content is not the same size.
- New feature: Added a few extra column height options: 75%, 33%, 25% and 10% of the viewport height.
- New feature: Added ‘Order’ property. The order property can be used to control the display order of the columns. This can be useful to define a different column order in breakpoints.
- New feature: Added tag to semantic tags. Specifies the main content of the document: https://www.w3schools.com/tags/tag_main.asp
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.
Panel Layer
- New feature: Added the ability to trigger the panel layer with a Panel menu button. This makes it possible to have an animated trigger button.
Modal Layer
- New feature: Added 'Orientation' property to set horizontal and vertical alignment of the popup. The margin properties can be used to set an offset.
- New feature: Added animations to Bootstrap modal mode. Includes 36 animations.
Layer
- New feature: Added floating mode options: 75%, 50%, 33%, 25% and 10% of the viewport height.
- New feature: Added tag to semantic tags. Specifies the main content of the document: https://www.w3schools.com/tags/tag_main.asp
- New feature: Added vertical alignment for floating layouts.
- New feature: Added the ability to set the padding, so you can add spacing around the (floating) elements in a layer.
- Improved: The “Floating mode” property is now responsive, so you can use different heights in breakpoints.
Rollover Layer
- New feature: Implemented functionality to create rollover cards. When you adds 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'.
- 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.
Page Header
- New feature: Added 'hide on scroll' mode to Page Header. Implements a popular feature where a sticky header is hidden on scroll-down and shown on scroll-up. Include supports for fade and slide animations with easing.
Events
- Improved: Using show/hide with effect with lightbox, dialog, modal, toast, panel will automatically use show/hide instead becuase these features do not support effects.
- Improved: The Events window is now resizable.
- Improved: Events window displays first 25 characters of jаvascript.
Transitions
- 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.
Example: select animation, set duration and iteration count.
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.
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.
Blog
- Improved: Added all standard background and border style options.
HTML5 Video
- 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.
- 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 langauegs can be configured.
- New feature: Added the ability to select a stock video from Pixabay.
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.
Rollover Image
- New feature: Added support for borders.
- 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 image on click instead of hover.
- Improved: Fade and zoom animations now use CSS transitions instead of jQuery.
Button / 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 'padding' property.
- New feature: Added 'border style' and 'border alpha' properties to Themeable Button.
- Improved: Added the ability to enable/disable Themeable Buttons via events.
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 may be useful if you want to create a multi-line link button.
Zip Backup
- Improved: Now uses Unicode core (licenced from Chilkat Software).
- New feature: Added the ability to password protect the generated zip. Supported encryption methods: legacy (zip 2.0), 128-bit AES and 256-bit AES.
- New feature: Added an option to backup/zip/encrypt the project file only without images, videos etc.
Extensions
- New feature: WYSIWYG Web Builder can now automatically download and install missing extensions when loading a project. This includes paid extensions (if purchased with the same email address as your current license).
- New feature: Extension Manager displays notification badge for 'Available Updates'. This indicates how many updates are available.
- New feature: Added the ability to disable extensions. Disabling an extension keeps it installed but unloaded. This will improve lanuch speed and use less memory. There is also an option to disable/enable all extensions at once.
- New feature: Layer extensions now have the ability to use floating children and alignment. These options will automatically be added to the properties of the extension if ‘Enable layer’ in Extension Builder is checked.
- Improved: Extension Manager now includes support for updates of PAID extensions.
- Improved: Uninstalling an extension via the Extension Manager will also remove pdf, wbx, uwbx, wbx64 and jpg files (with the same name).
- Improved: Settings related to extensions now have a dedicated section in the Options dialog.
Login Tools
- New feature: Added 'Hash Algorithm' property. This adds support for improved password hashing use bcrypt (as alternative for md5). Passwords will be upgraded automatically when the user logs in. Note that you may need to increase the length of the database field (to 127 or 255).
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.
Login Tools: Logout
- New feature: Added the ability to add an icon to the Logout button.
- 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.
Login Tools: Signin
- New feature: Added support for Math Captcha, RecaptchaV2, RecaptchaV3 and hCAPTCHA. 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.
Go Menu
- Improved: Optimized generated code for Go Menu. No longer requires jQuery.
Overlay Menu
- Improved: Overlay now uses flexbox for alignment.
- Improved: Added overflow-y so if the menu is larger than the viewport the user can scroll up/down.
- Improved: Added the ability to use multiple instances of the overlay menu per page.
- New feature: Added direction property (left-to-right/right-to-left).
- New feature: Added 'layout mode' property. Supports 'drilldown' or 'expandable'.
- 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'.
- New feature: Added CMS support. The menu can now also be used as part of WYSIWYG Web Builder's content management system.
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
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.
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'.
- New feature: Added CMS support. The menu can now also be used as part of WYSIWYG Web Builder's content management system.
Responsive Menu
- New feature: Added the ability to set border (width and color) for main or sub items. It's also possibe 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 seperate 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 menu can now also be used as part of WYSIWYG Web Builder's content management system.
Carousel
- New feature: Added 40 new transitions (slide, flip, fold, push, cube, tilt etc) to the Bootstrap Carousel. This can be useful to implmement 'page transitions'.
- 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.
Table
- New feature: Added direction property (left-to-right/right-to-left) to Table.
Listview
- New feature: Added support for badges. To add a badge, place the text 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.
Dialog
- New feature: Added show/hide animations to Bootstrap dialog mode. Includes 36 new animations.
- 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.
User Interface
- 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.
- New feature: Implemented Office 2016/2019-like Ribbon Bar Auto-hide mode. With options: "Auto-hide Ribbon", "Show Tabs" and "Show Tabs and Commands"
- Improved: Redesigned splash screen window on startup with progress reporting.
- 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 properties to improve discoverability and make the Property Grid more user-friendly.
- New feature: When setting Margins or Padding via the Arrange or context menu, holding Shift when clicking OK applies the settings to all breakpoints.
- New feature: Added the ability to customize the background color of the workspace in Design Layout mode.
- New feature: In the Style Manager, holding the Shift-key while clicking OK will apply the modified settings to all breakpoints.
- 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: Added context menu customization for the Ribbon user interface. This makes it possible to customize right click menus.
Restart Manager
- New feature: Added Restart Manager support (64-bit only). 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.
Site properties
- Improved: Open Graph en Twitter Card (site) properties can now be set seperately from meta tags.
Global Replace
- New feature: Added 'Breakpoints' option to Global Replace scope. This specifies whether to replace values in all breakpoints or in the current breakpoint only.
Structured Data
- New feature: Added URL and Social Media Profiles (sameAs) properties to “Organization” and “Person” types in Structure Data.
Responsive Web Design / Breakpoints
- New feature: Added the ability to set the default font size per breakpoint (in Manage Breakpoints).
- New feature: Added 'Default breakpoints' option (Tools->Options->General) to configure default breakpoints (and font sizes) for new pages. It's also possible to set the default value for 'Activate breakpoints when browser window is smaller/larger' than the device width.
HTML object
- New feature: Added 'Snippets' functionality to the HTML object to quickly insert pre-defined HTML snippets. The list is customizable, so you can define your own snippets.
HTML code (Page HTML, Object HTML)
- New feature: Added 'View White Spaces' option to editor. Specifies whether the edit control draws special symbol on the white space.
Clip Art
- New feature: Added 'Shape' and 'Blob' categories.
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.
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.
Banner
- Improved: Banner now has all standard background image options like repeat, align, cover, stretch etc.
- New feature: Added SVG output format.
- New feature: Added support SVG animation.
- New feature: Added support for box-shadow.
Icon Fonts
- The FontAwesome and Icon Fonts widgets have been merged, making it easier to switch between icon libraries and reduce duplicate options.
- New feature: Added the abilty to set the default icon library for the Ribbon Insert Gallery.
1. Select the icon library in the properties. 2. Hold the SHIFT key while clicking 'OK'. 3. Restart the application. You can also update the registry key manually: HKEY_CURRENT_USER\Software\Pablo Software Solutions\WYSIWYG Web Builder 16\Defaults\IconFont
News Feed Ticker
- Improved: Added all standard background and border style options.
- Improved: Redesigned 'Ticker' mode. The first item will slide out at the top, while moving the rest of the items up.
- New feature: Added 'Marquee' mode. Scroll the news items from left to right or right to left like a marquee. Note: use a negative durection to scroll from left to right.
- New feature: Added margin property for date and title. This specifies the spacing at the bottom of the title/date.
- New feature: Added 'calendar' date type. This displays the date like a calender. Notes: margin sets spacing between date and text. Text/backgros speicifc the color of hte months. The title color will be used for date.
- New feature: Added 'Date' property to manually set the date of a headline. Previous versions always used the current date.
- New feature: Added 'divider' properties. This make it possible to insert a divider between items.
- New feature: Added support for Instagram data source. This can be used to display recent Instagram posts.
- New feature: Added support for CSV data source.
- New feature: Added support for JSON data source.
- New feature: Added support for MySQL data source.
- New feature: Added support for CMS data source. This adds the ability to display CMS content in the News feed Ticker. ‘Page List’ will display the pages in the order they were last updated. ‘Popular Articles’ will display the pages with the most views.
Ready-to-use-jаvascript
- 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.
Other changes
- removed transition.js, because it is no longer needed. All Bootstrap 3 code has been upgraded to Bootstrap 4.
- removed RealPlayer and QuickTime because these are no longer relevant in modern websites.
- Mobile pages functionality (jQuery Mobile) has been deprecated. The options are still available for backwards compatible, but it's recommended to migrate to modern layout functionality like layout grids or flexbox.
Templates
Added 21 new templates to demonstrate some of the new features.
https://wysiwygwebbuilder.com/templates2020.html
Blocks
Added new Blocks pack with 38 new blocks. Blocks Pack 7 is avaiable in the 'Free Extras' section of the website: https://wysiwygwebbuilder.com/free_extras.html
What's new in WYSIWYG Web Builder 16?
Note: for a visual presentation (with screenshots, examples and tutorials) of most of the new features, visit:
http://www.wysiwygwebbuilder.com/new_features.html
Pixabay
- New feature: Added Pixabay integration. Browse thousands of free-to-use, high quality images and videos from Pixabay directly within WYSIWYG Web Builder.
Motion Effects
- New feature: Motion Effects introduce a quicker and easier way to implement scroll effects and entrance animations. It provides a simplified interface without having to deal with events and transitions.
Morphing Shape
- New feature: Added 'Morphing Shape' object. Smoothly morph two or more shapes to create amazing animations on your website. All built-in shapes, clipart and icon library are supported. You can even morph between icons of different libraries.
Animations can be triggered automatically (slideshow), on hover, on scroll with anchors or based on the current scroll position (continuous).
Editable Content
- New feature: Added two new CMS tools: 'Editable Content' and 'Editable Content Admin'. The new CMS tools were designed as a simple and subscription-free alternative for services like Cushy CMS and Surreal CMS.
Editable Content can be used to define one or more editable sections on the page. These sections can be modified online with the 'Editable Content Admin' tool.
Multiple sections can be added per page.
No database setup is required , it uses flat file storage (no mySQL).
The page with editable sections does not need to be PHP, the content is dynamically loaded via jаvascript/ajax.
'Editable Content Admin' works with all suppported editors, like tinyMCS and summernote!
CMS
- New feature: Added 'Maximum items' property to CMS menus. This specifices the maximum number of items to display in a menu. This can be usesful if you would like to use the CMS for a blog-like website.
- New feature: Added 'Home label' property. When this is set, a 'Home' link will be added to the menu.
- New feature: Added the ability to customize/translate the text of the various items (headers, buttons)
- New feature: Added 'Page list' property to CMS View. This displays a list of the last modified pages/posts. Clicking on one of the items will load the selected page.
- New feature: Added 'Popular Articles' option to CMS View. This displays a list of the pages with the most views. Clicking on one of the items will load the selected page.
- New feature: Added the ability to display CMS posts in the “News feed Ticker object”. ‘Page List’ will display the pages in the order they were last updated. ‘Popular Articles’ will display the pages with the most views.
- New feature: Added support for 'Summernote' editor. Summernote is a simple, clean and flexible WYSIWYG Editor with lots of options like tables, images, videos etc.
- New feature: Added 'Blog' plugin. This implements a basic blog that can be added to CMS pages. There is also a 'summernote' version of the plugin available with advanced editing options.
- New feature: Added 'Page Views' plugin. Displays the top 10 page views in a pie and bar chart.
- New feature: Added CMS support to the Overlay Menu, Responsive Menu and Themeable Menu.
- Improved: Hidden pages are no longer visible in the search results and in fixed CMS views.
CMS Card
- New feature: Added new "CMS Card" object. This is an extended version of the Card object which can be used as part of the CMS tools. Cards are a quick and easy way display information in various ways on a website. The layout of Cards is flexible so they are great for use in responsive websites.
With the new “CMS Card” object, you can display dynamic data from the CMS database in a card layout. Variables are used to indicate which data you want to display. Variables can be used anywhere in the card: header, footer, text, buttons, and even in videos. For example, you could use the ‘extra data’ field of the CMS as the URL of a YouTube video. Each card on a page can display the content of a different CMS article.
Cache Busting
- New feature: Added ‘Cache Busting’ option for external CSS and JS files.
To speed up load times, Web browsers are designed to cache CSS and JS files. The cached files are stored on the visitor’s computer, so the next time they visit a site, these files will be loaded faster. However, this may cause issues if you have made changes to the website but the browser still loads the previous (cached) version of the files. When cache busting is enabled, unique suffixes will be added to the file paths of the CSS and JS files. This forces the browser to re-load the files code from the server.
Social Login
- New feature: Added Social Login integration. With Social login users can sign-on to password protected pages using existing information from a social networking service such as Facebook, Twitter, LinkedIn or Google instead of creating a new login account specifically your website.
WWB can store the information about the user in a database such as email, name, website etc. For new accounts, an email can be sent to the webmaster with details about the user.
Besides standard information like email and name, you can also store other information specific to each social provider. For example, for Facebook you can store the users's Facebook page or avatar.
It is also possible to set a 'user role' for users that use social login so they can only access specific pages only.
WebP Images
- New feature: Added support for WebP images. Raster image format (pronounced Weppy") developed by Google for Web graphics; designed to reduce image file sizes over standard JPEG compression while maintaining the same or similar quality; allows images to be downloaded more quickly.
https://developers.google.com/speed/webp
Note: requires Windows 10!
Snap Scroll
- New feature: Added 'Snap Scroll' object. Snap Scroll enhances your one page scrolling website experience by providing snapping behavior as you scroll up or down the page. It also adds pagination dots to the page for navigation and displaying the currently active section.
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 compatiblity, 'horizontal' and 'vertical' options (with image output) are still available.
- New feature: Added the ability to disable CSS animations and transitions for smaller screens.
Rotate
- New feature: Added the ability to rotate (almost) all basic elements. For example: line, heading, banner, media, navgation, form elements (button, combobox, editbox, text area). Note that containers like forms, layers, grids etc cannot be rotated.
Line
- New feature: Added 16 new line styles: arrow, cross, chevron, curl, curve, diamond, heart, square, stars, wave, zigzag and more. The new 'Stretch' property specifies horizontal scaling (in percentages) of the pattern.
- New feature: Added the ability to add text to the line.
- New feature: Added the ability to add an icon to the line.
Shape Dividers
- New feature: Added 'Entrance Animation' option. This will animate the divider when it scrolls into the viewport.
- New feature: Added 'Preview' option.
- New feature: Added 'Swap' button for quickly swapping the top and bottom dividers.
- New feature: Added 2 animated wave dividers. For cool dynamic wave effects!
- New feature: Added 15 new dividers: lowland, wave1, wave2, curve4, skyline, graphs (4x), ramp, ramp 3d, slant mixed, pyramid 3d, water 3d, arrow 3d.
SVG Animations
- New feature: Added 'Animate Fill' option. This will hide the fill (background) of the shape until the animation of the stroke is complete.
- New feature: Added 'manual' trigger mode. The SVG animation can now be controlled via events: 'media play' and 'media stop'. For example, to start the animation when a button is clicked or a Carousel slide becomes active.
Photo Gallery
- New feature: Added Filter bar functionality. This enables a filterable portfolio-style gallery of images. Assign labels to images so users can choose which images will be displayed. The filter bar has many styling options and the transition between categories can be animated.
- New feature: Added support for “Unite Gallery”. A responsive gallery with many different styles, like carousel, grid, nested tiles and justified tiles.
Unite Gallery is available as a free add-on for WYSIWYG Web Builder 16: http://wysiwygwebbuilder.com/free_extras.html
- New feature: Added 'on hover (full)' option to display full size text overlay on images.
- New feature: Added support for hover animations for text overlay. More than 20 animations are available: box, fade, slide, spin, translate, zoom etc.
- Improved: on hover now uses CSS instead of jQuery.
- Improved: Added 'Animations' tab to properties. Note that transition wil be applied to indivialy images. This makes it possible to implement advanced hover effect like filters (blur, grayscale, contrast....) rotation, scaling etc.
- New feature: Added support for lc_lightbox. Available in 'free extras' (: https://wysiwygwebbuilder.com/free_extras.html)
- New feature: Added support for Strip lightbox. Strip is an unobtrusive responsive lightbox, which only partially covers the page. This makes it less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience. Available in 'free extras'
Slideshow
- New feature: Added 'Ken Burns' mode. This is a lightweight solution using CSS animations (instead jQuery) to display a slideshow of images with the Ken Burns effect.
- New feature: Added support for lc_lightbox. Available in 'free extras'.
- New feature: Added support for Strip lightbox. Available in 'free extras'.
- Improved: Redesigned event configuration. Events can now be configured via the image settings.
Image
- New feature: Added the ability to set the background color for watermark text. Plus padding for adding space around the text.
- New feature: Added 'full width' option to horizontal alignment.
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: 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 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: Added the ability to change the ‘Click for new image’ text via the Property Inspector.
- 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.
- 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 when the user submits a successful response. For example, to enable the submit button of the form.
Form
- New feature: Normally, if 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
- Improved: Added support for multiple select combobox values in the MySQL script.
- Improved: The built-in form processor script can now handle multiple file uploads in combination with File Upload -> multiple.
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 'border-width' property.
- New feature: Added the ability to open a specific panel of the Accordion via bookmarks (URL hash).
- Improved: Redesigned event configuration. Events can now be configured via the panel settings.
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.
- New feature: Added the ability to open a specific tab via bookmarks (URL hash).
- Improved: Upgraded HTML/CSS/JS to Bootstrap 4.
- Improved: Redesigned event configuration. Events can now be configured via the tab settings.
Cards
- Improved: Upgraded popover HTML/CSS/JS to Bootstrap 4.
- New feature: Added 'maximum width' property'. This specifies the maximum width of the card in flexible layouts.
- New feature: Added 'manual' trigger mode.
- New feature: Added the ability to show/hide/toggle popover via events.
- New feature: Added 'collapsible' option to header. This makes it possible to expand/collapse the card content by clicking the header.
- New feature: Added 'list item' type. A quick way to add an list-like item. Icon + text. The icon can be a different color and it can be positioned at the left of right side of the text. List items also support badges: Text{255,#FFFFFF,#000000}
Card Container
- New feature: Added 'masonry' mode. Cards will be dynamically rearranged based on the available space in the browser window. Masonry measures all of the items and rearranges them in the best way with what is spatially available.
You can configure different column counts in breakpoints. It is also possible to set a ‘column span’ for each card via the flexgrow property.
- New feature: Added 'alignment' property to card container. This specifies the horzontal aligment of cards in 'card deck' mode. This may be useful when cards have a maximum width, so they do not fill the entire row.
Flex Container
- New feature: Added support for 'box shadow’.
Flex Box
- New feature: Added the ability to set the flexbox order The order property specifies the order of an object in a flex container or flex grid relative to the rest of the items inside the same container. This can be useful to define a different order in breakpoints.
ScrollSpy
- Improved: Upgraded scrollspy HTML/CSS/JS to Bootstrap 4.
Layout Grid
- New feature: Added 'stretch' to vertical alignment options. This adds the ability to make the background of columns full height, even when the content is not the same size.
- New feature: Added a few extra column height options: 75%, 33%, 25% and 10% of the viewport height.
- New feature: Added ‘Order’ property. The order property can be used to control the display order of the columns. This can be useful to define a different column order in breakpoints.
- New feature: Added tag to semantic tags. Specifies the main content of the document: https://www.w3schools.com/tags/tag_main.asp
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.
Panel Layer
- New feature: Added the ability to trigger the panel layer with a Panel menu button. This makes it possible to have an animated trigger button.
Modal Layer
- New feature: Added 'Orientation' property to set horizontal and vertical alignment of the popup. The margin properties can be used to set an offset.
- New feature: Added animations to Bootstrap modal mode. Includes 36 animations.
Layer
- New feature: Added floating mode options: 75%, 50%, 33%, 25% and 10% of the viewport height.
- New feature: Added tag to semantic tags. Specifies the main content of the document: https://www.w3schools.com/tags/tag_main.asp
- New feature: Added vertical alignment for floating layouts.
- New feature: Added the ability to set the padding, so you can add spacing around the (floating) elements in a layer.
- Improved: The “Floating mode” property is now responsive, so you can use different heights in breakpoints.
Rollover Layer
- New feature: Implemented functionality to create rollover cards. When you adds 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'.
- 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.
Page Header
- New feature: Added 'hide on scroll' mode to Page Header. Implements a popular feature where a sticky header is hidden on scroll-down and shown on scroll-up. Include supports for fade and slide animations with easing.
Events
- Improved: Using show/hide with effect with lightbox, dialog, modal, toast, panel will automatically use show/hide instead becuase these features do not support effects.
- Improved: The Events window is now resizable.
- Improved: Events window displays first 25 characters of jаvascript.
Transitions
- 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.
Example: select animation, set duration and iteration count.
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.
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.
Blog
- Improved: Added all standard background and border style options.
HTML5 Video
- 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.
- 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 langauegs can be configured.
- New feature: Added the ability to select a stock video from Pixabay.
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.
Rollover Image
- New feature: Added support for borders.
- 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 image on click instead of hover.
- Improved: Fade and zoom animations now use CSS transitions instead of jQuery.
Button / 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 'padding' property.
- New feature: Added 'border style' and 'border alpha' properties to Themeable Button.
- Improved: Added the ability to enable/disable Themeable Buttons via events.
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 may be useful if you want to create a multi-line link button.
Zip Backup
- Improved: Now uses Unicode core (licenced from Chilkat Software).
- New feature: Added the ability to password protect the generated zip. Supported encryption methods: legacy (zip 2.0), 128-bit AES and 256-bit AES.
- New feature: Added an option to backup/zip/encrypt the project file only without images, videos etc.
Extensions
- New feature: WYSIWYG Web Builder can now automatically download and install missing extensions when loading a project. This includes paid extensions (if purchased with the same email address as your current license).
- New feature: Extension Manager displays notification badge for 'Available Updates'. This indicates how many updates are available.
- New feature: Added the ability to disable extensions. Disabling an extension keeps it installed but unloaded. This will improve lanuch speed and use less memory. There is also an option to disable/enable all extensions at once.
- New feature: Layer extensions now have the ability to use floating children and alignment. These options will automatically be added to the properties of the extension if ‘Enable layer’ in Extension Builder is checked.
- Improved: Extension Manager now includes support for updates of PAID extensions.
- Improved: Uninstalling an extension via the Extension Manager will also remove pdf, wbx, uwbx, wbx64 and jpg files (with the same name).
- Improved: Settings related to extensions now have a dedicated section in the Options dialog.
Login Tools
- New feature: Added 'Hash Algorithm' property. This adds support for improved password hashing use bcrypt (as alternative for md5). Passwords will be upgraded automatically when the user logs in. Note that you may need to increase the length of the database field (to 127 or 255).
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.
Login Tools: Logout
- New feature: Added the ability to add an icon to the Logout button.
- 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.
Login Tools: Signin
- New feature: Added support for Math Captcha, RecaptchaV2, RecaptchaV3 and hCAPTCHA. 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.
Go Menu
- Improved: Optimized generated code for Go Menu. No longer requires jQuery.
Overlay Menu
- Improved: Overlay now uses flexbox for alignment.
- Improved: Added overflow-y so if the menu is larger than the viewport the user can scroll up/down.
- Improved: Added the ability to use multiple instances of the overlay menu per page.
- New feature: Added direction property (left-to-right/right-to-left).
- New feature: Added 'layout mode' property. Supports 'drilldown' or 'expandable'.
- 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'.
- New feature: Added CMS support. The menu can now also be used as part of WYSIWYG Web Builder's content management system.
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
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.
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'.
- New feature: Added CMS support. The menu can now also be used as part of WYSIWYG Web Builder's content management system.
Responsive Menu
- New feature: Added the ability to set border (width and color) for main or sub items. It's also possibe 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 seperate 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 menu can now also be used as part of WYSIWYG Web Builder's content management system.
Carousel
- New feature: Added 40 new transitions (slide, flip, fold, push, cube, tilt etc) to the Bootstrap Carousel. This can be useful to implmement 'page transitions'.
- 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.
Table
- New feature: Added direction property (left-to-right/right-to-left) to Table.
Listview
- New feature: Added support for badges. To add a badge, place the text 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.
Dialog
- New feature: Added show/hide animations to Bootstrap dialog mode. Includes 36 new animations.
- 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.
User Interface
- 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.
- New feature: Implemented Office 2016/2019-like Ribbon Bar Auto-hide mode. With options: "Auto-hide Ribbon", "Show Tabs" and "Show Tabs and Commands"
- Improved: Redesigned splash screen window on startup with progress reporting.
- 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 properties to improve discoverability and make the Property Grid more user-friendly.
- New feature: When setting Margins or Padding via the Arrange or context menu, holding Shift when clicking OK applies the settings to all breakpoints.
- New feature: Added the ability to customize the background color of the workspace in Design Layout mode.
- New feature: In the Style Manager, holding the Shift-key while clicking OK will apply the modified settings to all breakpoints.
- 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: Added context menu customization for the Ribbon user interface. This makes it possible to customize right click menus.
Restart Manager
- New feature: Added Restart Manager support (64-bit only). 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.
Site properties
- Improved: Open Graph en Twitter Card (site) properties can now be set seperately from meta tags.
Global Replace
- New feature: Added 'Breakpoints' option to Global Replace scope. This specifies whether to replace values in all breakpoints or in the current breakpoint only.
Structured Data
- New feature: Added URL and Social Media Profiles (sameAs) properties to “Organization” and “Person” types in Structure Data.
Responsive Web Design / Breakpoints
- New feature: Added the ability to set the default font size per breakpoint (in Manage Breakpoints).
- New feature: Added 'Default breakpoints' option (Tools->Options->General) to configure default breakpoints (and font sizes) for new pages. It's also possible to set the default value for 'Activate breakpoints when browser window is smaller/larger' than the device width.
HTML object
- New feature: Added 'Snippets' functionality to the HTML object to quickly insert pre-defined HTML snippets. The list is customizable, so you can define your own snippets.
HTML code (Page HTML, Object HTML)
- New feature: Added 'View White Spaces' option to editor. Specifies whether the edit control draws special symbol on the white space.
Clip Art
- New feature: Added 'Shape' and 'Blob' categories.
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.
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.
Banner
- Improved: Banner now has all standard background image options like repeat, align, cover, stretch etc.
- New feature: Added SVG output format.
- New feature: Added support SVG animation.
- New feature: Added support for box-shadow.
Icon Fonts
- The FontAwesome and Icon Fonts widgets have been merged, making it easier to switch between icon libraries and reduce duplicate options.
- New feature: Added the abilty to set the default icon library for the Ribbon Insert Gallery.
1. Select the icon library in the properties. 2. Hold the SHIFT key while clicking 'OK'. 3. Restart the application. You can also update the registry key manually: HKEY_CURRENT_USER\Software\Pablo Software Solutions\WYSIWYG Web Builder 16\Defaults\IconFont
News Feed Ticker
- Improved: Added all standard background and border style options.
- Improved: Redesigned 'Ticker' mode. The first item will slide out at the top, while moving the rest of the items up.
- New feature: Added 'Marquee' mode. Scroll the news items from left to right or right to left like a marquee. Note: use a negative durection to scroll from left to right.
- New feature: Added margin property for date and title. This specifies the spacing at the bottom of the title/date.
- New feature: Added 'calendar' date type. This displays the date like a calender. Notes: margin sets spacing between date and text. Text/backgros speicifc the color of hte months. The title color will be used for date.
- New feature: Added 'Date' property to manually set the date of a headline. Previous versions always used the current date.
- New feature: Added 'divider' properties. This make it possible to insert a divider between items.
- New feature: Added support for Instagram data source. This can be used to display recent Instagram posts.
- New feature: Added support for CSV data source.
- New feature: Added support for JSON data source.
- New feature: Added support for MySQL data source.
- New feature: Added support for CMS data source. This adds the ability to display CMS content in the News feed Ticker. ‘Page List’ will display the pages in the order they were last updated. ‘Popular Articles’ will display the pages with the most views.
Ready-to-use-jаvascript
- 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.
Other changes
- removed transition.js, because it is no longer needed. All Bootstrap 3 code has been upgraded to Bootstrap 4.
- removed RealPlayer and QuickTime because these are no longer relevant in modern websites.
- Mobile pages functionality (jQuery Mobile) has been deprecated. The options are still available for backwards compatible, but it's recommended to migrate to modern layout functionality like layout grids or flexbox.
Templates
Added 21 new templates to demonstrate some of the new features.
https://wysiwygwebbuilder.com/templates2020.html
Blocks
Added new Blocks pack with 38 new blocks. Blocks Pack 7 is avaiable in the 'Free Extras' section of the website: https://wysiwygwebbuilder.com/free_extras.html
Only for V.I.P
Warning! You are not allowed to view this text.