Page 1 of 2

Publish / Preview

Posted: Sat Jun 15, 2019 11:27 am
by Pablo
Secure FTP support
Secure FTP functionality is now built into the application.

In addition to standard FTP and local disk publishing, support for the following protocols has been added:
• FTP with TLS/SSL (Port 990 - Implicit)
• FTP with TLS/SSL (AUTH TLS - Explicit)
• SFTP using SSH2 (Secure Shell)

Standard FTP (winsock) has also been refactored. With better support for different FTP server variants and many other improvements.

Image


- Added “Publish navigation icons as SVG image”. This will output the icons as embedded SVG (scalable vector image) instead as font and reduces the overall size of the website if you only use a few icons.

Image


- Added the possibility to use wildcards in Publish File types
(Tools->Options->Publish). This makes it possible to publish specific files (based on the filename, in addition to file extensions) to a different folder.

Image


- Added 'Preview current page' option in addition to 'Preview entire website'.

Image


- Added 'PHP Preview Warning'. When you try to preview a website with PHP, the application will now display a warning that the pages may not display correctly, because PHP can only be viewed online through a web server.

Image


- Improved: Publish File types are now saved in the project file so they can be different for each project.

Events

Posted: Sat Jun 15, 2019 11:30 am
by Pablo
Events
- Added 'self' target. When you select this as the target then WWB will automatically use the ID of the current object. This may be useful when you copy the object, so you do not have to manually edit the 'self' events.

Image


- Added 'enable' and ‘disable’ actions. This can be used to disable/enable a form elements (button, checkbox, radio button, editbox, combobox, textarea).

Image

CSS3 Animations/transitions

Posted: Mon Jun 17, 2019 9:47 am
by Pablo
CSS3 Animations/transitions
- Added 24 new easing functions, inspired by jQuery UI:
ease-in-quad, ease-out-quad, ease-in-out-quad, ease-in-cubic, ease-out-cubic, ease-in-out-cubic, ease-in-quart, ease-out-quart, ease-in-out-quart, ease-in-quint, ease-out-quint, ease-in-out-quint, ease-in-sine, ease-out-sine, ease-in-out-sine, ease-in-expo, ease-out-expo, ease-in-out-expo, ease-in-circ, ease-out-circ, ease-in-out-circ, ease-in-back, ease-out-back, ease-in-out-back

Image


- Added 8 new animations: flip-in, flip-out, fold, unfold, turbine-in, turbine-out, swoop-in, swoop-out

Image


Demo:
http://wysiwygwebbuilder.com/support/wb ... tions.html


- Added alpha support to transition colors. This also works with scroll transitions!

Image


- Added 'Merge' option to the Animation Manager. This option will merge the default animations with your own collection.
Why? We regularly add new animations to the default collection. However, if you have customized animations then your custom collection will not be overwritten, so this means that new animations are not added to your list automatically. The 'Merge' option will make it easier to add these new animations to your custom collection.
if you do not have modified animations then the merge button will be disabled.

Image

Login Tools

Posted: Mon Jun 17, 2019 9:55 am
by Pablo
Login
- Added "Redirect to previous page" to Login form. When this option is enabled, the user will be redirected to the previous page after successful login.

Image


Sign Up / Password Recovery
- Added PHP Mailer support with SMTP authentication to Sign Up and Password Recovery.

Image


Logout button
- Added text alignment and padding property.

Photo Collage

Posted: Tue Jun 18, 2019 11:19 am
by Pablo
Photo Collage
- Added 6 new animations: move up, fall, fly, flip, helix, popup

Image

Demo:
https://www.wysiwygwebbuilder.com/suppo ... llage.html


- Added "Customize' option. This add the ability to create custom layouts for the Photo Collage.

Image


- Added "Lazy Load“ option. This implements ‘onscrollreveal’ functionality, so the animations will start when the gallery scrolls into the viewport.

Image

Slideshow

Posted: Tue Jun 18, 2019 11:21 am
by Pablo
Slideshow
- Added 'Image Accordion' mode. Implements a horizontal image accordion, using CSS only. With animation and caption support.

Image

Demo:
https://www.wysiwygwebbuilder.com/suppo ... rdion.html


- The 'Image Accordion', ‘Image Carousel’ and ‘Conveyer Belt’ now have their own icons in the toolbox for a quicker way to add these features to web pages.

Image

Carousel

Posted: Tue Jun 18, 2019 11:23 am
by Pablo
Carousel
- Added 'Pause cycling on mouse enter' option. When enabled, this pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave.

Image


- Added new built-in navigation large arrows. To use the new arrows, enter '{' for previous and '}' for next in the filename fields.

Image


- Added 'Fade' transition (in addition to slide) to Bootstrap Carousel. Note: all other transitions are not supported by Bootstrap!

- Added touch support to Bootstrap Carousel.

Image

Posted: Tue Jun 18, 2019 11:24 am
by Pablo
Image
- The 'Frames' option has been replaced by the standard CSS 'border-image'. Adding a frame (now border image) will no longer affect the image size, quality or make it non-responsive.

- Added 'html overlay' to watermark options. This adds a text overlay to the image (instead of merging the text with the image). This provides a quick way to add text on top of an image in floating layouts. Also supports hover only, which displays the text on mouse over.

Image

Demo:
https://www.wysiwygwebbuilder.com/suppo ... rmark.html

Layer

Posted: Wed Jun 19, 2019 12:58 pm
by Pablo
Layer
Added 'lightbox' mode. This makes it possible to display the content of the layer in a lightbox. The lightbox can be opened/closed via events (show/hide). Supported lightboxes: fancybox, magnificpopup, colorbox, lightcase, prettyphoto, swipebox, tosrus, venobox.

Image

Demo:
https://www.wysiwygwebbuilder.com/suppo ... htbox.html

Site Search

Posted: Wed Jun 19, 2019 12:58 pm
by Pablo
Site Search
- Added Autocomplete padding to set the spacing around the items in drop down list.

Image

- Added 'open page' mode to Autocomplete. Clicking an item in the Autocomplete drop down list will immediately open the page. This makes it possible to implement a search field without a 'results' section.

Image

Demo:
https://www.wysiwygwebbuilder.com/suppo ... plete.html

Blog / Article

Posted: Wed Jun 19, 2019 1:00 pm
by Pablo
Blog / Article

- Added 'Timeline' layout. This implements a simple vertical timeline.

Image

- Added 'Image margin' property. This can be used to set the margin around an image.

Image

- Added support for native Windows spell checker to text editor. With 'spell as you type' and context menu suggestions. (requires Windows 8 or 10!)

- Improved: The text editor is now resizable.

- Improved: Responsive font (size/family) is synchronized in text editor and style settings, so it's no longer necessary to set the font in the style settings.

- Improved: When the button text is empty, the button will be hidden.

Ready-to-use-JavaScripts

Posted: Wed Jun 19, 2019 1:01 pm
by Pablo
Ready-to-use-JavaScripts

- Added 'Count Up' script. A simple counter that starts counting when the object scrolls into view.

- Added 'Circular Text' script. Animated text wrapped around a circle.

- Added 'Bubble Text' script. Bubbling Text Effect.

Demo: https://wysiwygwebbuilder.com/support/w ... ripts.html

- Added 'Facebook Save Button' script. The Save button lets people save items or services to a private list on Facebook or share it with friends.

Image

- Added 'Facebook Share Button' script. The Share button lets people add a personalized message to links before sharing on their timeline, in groups, or to their friends via a Facebook Message.

Image

- Improved: All scripts now support the same font sizes as in the rest of the application.

- Improved: Added 'size' property to Facebook Like Button script.

Navigation

Posted: Thu Jun 20, 2019 11:57 am
by Pablo
Panel Menu
- 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.

Image

Demo:
https://wysiwygwebbuilder.com/support/w ... tions.html

- Improved: Panel background color can now be semi-transparent (alpha) when in overlay mode.
- Improved: Added support for semi-transparent (alpha) borders.


CSS Menu
- Added Link transitions (main and sub items). This adds the ability to animate the background or border of the menu items. Includes 18 transition effects: fade, slide, scale, rotate, underline, over-line etc.

Image

Demo:
https://www.wysiwygwebbuilder.com/suppo ... tions.html

- Added the ability to set the alpha value of the shadow color.

Image

Image


Mega Menu
- Now supports font icons, this replaces the (fixed) jQuery UI icon set. Not only will this give you a wider selection of icons, but with will also improve the quality of the images.

Image

- Added the ability to set a different icon for each link (instead of one global bullet icon).

Image

- Added property to change the category text color.

- Page scrollbar will be hidden, when the mobile drop down menu is active.


Themeable Menu
- Now supports font icons, this replaces the (fixed) jQuery UI icon set.

Image

- Added the ability to set the border color (and alpha) of the mobile trigger button.

Image

- Added support for drop down animations in Bootstrap menu: fade, slide and scale.

Image


Pagination
- Added the possibility to display ellipses when synchronized with the Site Manager. Set 'Start at' to -1. Visible items specify how many adjacent pages should be shown on each side of the current page.

Image

- Using ellipse ("...") as text will disable the link.

Image


Overlay Menu
- The colors of the (trigger) button are now responsive, so they can be different in breakpoints.

Responsive Web Design

Posted: Fri Jun 21, 2019 11:21 am
by Pablo
Responsive Web Design
- Added 'Automatically scale new objects in other breakpoints' option (Tools -> Options -> General)

Normally when you insert a new object, it will be inserted at the same position and with the same size as the default view. The new option 'Automatically scale new objects in other breakpoints' is enabled, new objects will automatically scale and reposition in other breakpoints relative to the breakpoint size. It will also scale the font size of some objects when possible. This may speed of the implementation of (fixed) responsive layouts.

Image

- The option "Include min-width in CSS3 media queries " has been replaced with “Activate breakpoints when browser window is smaller than the device width” and “Activate breakpoints when browser window is larger than the device width” to make the functionality clearer. Also, ‘max-width’ has been renamed to ‘device width’.

Image

General

Posted: Fri Jun 21, 2019 11:24 am
by Pablo
General
- Added "Open the most recent used page of the project" option. When loading the project, this will open the page that was active when you last saved the project.

Image

- Added option to enable/disable ctrl+click+drag (duplicate objects) functionality.

Image

- Added Visual Studio 2019 Light Blue theme.

Image

- Added confirmation window for 'Easy Mode'

Image

- The first time you start WWB, it will ask you if you want to import the settings from a previous version.

Image

- Added 'AutoSave' option. This automatically saves the active project at the specified interval.

Image

- Added 'Copy Style' and Paste Style' command to object's context menu. This make it possible to quickly copy style properties to multiple objects (in addition to the format painter).

Image

Ribbon, toolbars, menus and toolbox icons

Posted: Fri Jun 21, 2019 11:26 am
by Pablo
The ribbon, toolbars, menus and toolbox have redesigned icons. The style is thin, lined & colored, inspired by the new icons introduced by Microsoft® Office 365® and 2019 suites.
The icons have been optimized for High DPI (100%, 150% and 200%).

Image

Image

Extensions

Posted: Fri Jun 21, 2019 12:39 pm
by Pablo
Extensions
- WWB15 now supports up to 500 extensions. Note that the available system memory may still have impact on the actual maximum number of extensions that can be loaded by the application.

Templates

Posted: Sat Jun 22, 2019 2:11 pm
by Pablo
18 new templates to demonstrate some of the new features.

Image

Blocks

Posted: Sun Jun 23, 2019 5:45 pm
by Pablo
50+ new blocks. Available as (free) addon package.

Image

Heading

Posted: Mon Jun 24, 2019 2:42 pm
by Pablo
Heading
- Added 'Full width' option to Heading object. When set to false, the heading can have a fixed width (instead of 100%) in Layout Grids.

This may be useful to create inline multi-line text blocks in a Layout Grid, like this:

Image

Button

Posted: Mon Jun 24, 2019 2:43 pm
by Pablo
Button
Added the ability to use the (form) button as a link. Although the button is mainly for use with Forms, many users have requested this feature, so now it's (finally) possible.

Image

HTML

Posted: Mon Jun 24, 2019 2:43 pm
by Pablo
HTML
Added 'full width' option. When the HTML object is used in a layout grid, the div container can now be edge-to-edge.

Image

Inline Frame

Posted: Mon Jun 24, 2019 2:44 pm
by Pablo
Inline Frame
- Added "Enable Safari Mobile fix" option. This implements a workaround for inline frames ignoring the specified height on the iPhone/iPad.

Image

Verify Links

Posted: Mon Jun 24, 2019 2:44 pm
by Pablo
Verify Links
Added 'Filter' option. This make it possible to filter links to make it easier to find URLs when you have a long list of links. It is also possible to filter the links based on the page name.

Image

Photo Gallery

Posted: Mon Jun 24, 2019 2:47 pm
by Pablo
Photo Gallery
- 'Frames' now use the standard CSS 'border-image'. Adding a frame/border image will no longer affect the original image size or quality and adds other useful features like border image size, repeat and scaling.

Image

- Added the ability to set the target window for Instagram links.

Image

Polygon/Curve

Posted: Mon Jun 24, 2019 2:48 pm
by Pablo
Polygon/Curve
Added 'SVG path animation' option.

Image

Setup

Posted: Mon Jun 24, 2019 2:49 pm
by Pablo
Setup
The 64-bit setup will now automatically download and install VC++ Redistributables files if they are not installed yet.

Image

Icon Libraries

Posted: Mon Jun 24, 2019 2:51 pm
by Pablo
Icon Libraries
- The quality of exported SVG is now significantly better.

- Added support for 7 new icon libraries:
Microsoft Fabric Icons (https://developer.microsoft.com/en-us/f ... cons#icons)
Map Icons (http://map-icons.com/)
Weather Icons (https://erikflowers.github.io/weather-icons/)
Devicon (https://vorillaz.github.io/devicons/)
Payment Webfont (https://github.com/orlandotm/payment-webfont)
Ico Font (https://www.icofont.com/)
Captain Icon (http://mariodelvalle.github.io/CaptainIconWeb/)

Just a random selection...

Image

Shape/ClipArt/TextArt

Posted: Tue Jun 25, 2019 3:35 pm
by Pablo
Shape/ClipArt/TextArt

- All supported Icon Libraries can now also be used in ClipArt!

- As previously mentioned, Shapes, ClipArt and TextArt support SVG path animation.

- Added support for "Segoe UI Emoji" symbols to ClipArt (Windows 10).

- ClipArt symbol selection dialog improved.

Image

- Added support for gradient/pattern and texture border styles in exported SVG.

Image

- Webdings, Wingdings, Wingdings2 and Wingdings3 display more symbols in ClipArt selection dialog (> 200 instead 100).

- Rotation uses CSS transforms instead of rotating the generated graphic.

- Exported SVG now uses cublic beziers for much better graphics.

Posted: Tue Jun 25, 2019 3:39 pm
by Pablo
And to conclude this teaser... here's the (almost) complete list of new features for WYSIWYG Web Builder 15.
https://www.wysiwygwebbuilder.com/support/wb15.html

Update:
WYSIWYG Web Builder 15 is now available!
http://www.wysiwygwebbuilder.com/forum/ ... =1&t=85285