ARE YOU READY FOR IT? (teaser)

[Pablo]

Card Container
Added 'Card Container' object. This is a dedicated container for Cards to simplify laying out a series of cards.

The Card Container has the following layout options:
- card deck: automatically aligns the cards horizontally with equal width and height. Even with different content lengths!



- card columns: organize the cards into Masonry-like columns. Cards are ordered from top to bottom and left to right.



- carousel: displays the cards in an animated carousel. The number of cards per slide and spacing is configurable per breakpoint. It is also possible to set how many cards will be scrolled per page. When you set a negative delay, the carousel will scroll continuously (like a Conveyer Belt).
The card carousel can be controlled via events: media play, media stop, slideshow next, slideshow previous




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

[Pablo]

Cards
- Added support for animations and transitions to card items. Each card item can have its own animations and transitions! Transitions can also be synchronized. This can be useful if you want to trigger all transitions at the same time when you move the mouse over the card instead of over each card item individually.



Demo:
https://www.wysiwygwebbuilder.com/suppo ... -demo.html

And just a few more random Card ideas created with WYSIWYG Web Builder 15:
https://www.wysiwygwebbuilder.com/suppo ... ideas.html


- Added 'Copy' button to quickly clone a card item.




- Added the ability to set the alignment for each text item individually, including justify.




- Added the ability to set the line height for text items.




- Added the ability to add padding between border and image.




- Added 'HTML' card item type. This adds the ability to add custom HTML items to the card. For example, Google Maps, Facebook scripts etc.

[Pablo]

Border Images
Added 'Border Image' support. With border images you can create complicated, visually rich borders around elements like text, images, layers, layout grid etc. Besides built-in pre-defined border images you can also use your own images. The border images have several repeat options like repeat, space, round or stretch.






Tutorial (preview):
https://www.wysiwygwebbuilder.com/borders.html

[Pablo]

Background Properties
- Added new background repeat option: space. The background-image is repeated as much as possible without clipping. The first and last images are pinned to either side of the element, and whitespace is distributed evenly between the images.

- Added new background repeat option: round. The background-image is repeated and squished or stretched to fill the space (no gaps).

[Pablo]

Rotate
Rotatable objects now have a rotation handle to provide quicker way to rotate the object.

[Pablo]

Object Manager
- Added the ability to re-arrange objects using drag & drop before and after other objects. An ‘insert line’ indicates the new position.

- Added the ability to re-arrange objects using drag & drop on layers (including layout grid/flexbox).

- Added the ability to move objects between floating layers (including layout grid/flexbox).




- Added 'Assets Folder' property (context menu). This adds the ability to specify a different output folder per object! For example, set the images folder for one object (gallery) to a different folder. This overrides the global publish settings.

[Pablo]

Re-arrange floating elements
Added support for 'drag & drop' re-arranging floating elements. You can now drag/drop a floating layer (layout grid/flexbox) before or after another floating object in the workspace. An ‘insert line’ indicates the new position.

[Pablo]

Forms
- Added "Create a responsive form using layout grids" option to the Form Wizard. The Form Wizard can now create flexible/responsive forms. The option will automatically be selected when the page already contains layout grids.




- Added 'Spacing' option to the Form Wizard. This sets the spacing between the controls of the created form.




- Added 'Do not allow URLs in form data' option. This option may help to prevent spam by blocking messages that include links.




- Added the ability to configure the ‘From name’ for the email message.
It is also possible to use a PHP variable. For example, S_POST[‘name’] where ‘name’ is the name of the input field.




- Added the ability to set a Dialog (jQuery UI or Bootstrap) as form target. This makes it possible to display the success or error page in a popup. Add a dialog to the page and select the ID of the Dialog in the form's target property. All the necessary code will be generated automatically!




Demo:
https://wysiwygwebbuilder.com/support/w ... -popup.php

Tutorial:
https://www.wysiwygwebbuilder.com/form_popup.html

[Pablo]

Bootstrap-like Form Validation
Added Bootstrap-like input validation to Editbox, Textarea, Checkbox, Radio Button, File Upload and Combobox.




Also added 'HTML5' validation to the Combobox.




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

[Pablo]

Text
- The text editor is now integrated into the workspace. WWB no longer loads an overlay editor, but handles all editing internally (via ITextHost): this means that it’s faster, it uses the same rendering in edit/display mode and we have more control over the output.

- HTML code generator for text has been completely redesigned with direct RTF to HTML conversion for more accurate rendering results.

- Added 'Redo' support to text editor.

- Line spacing now supports 2 decimals after the comma: 1.05, 1.14 etc.




- Added 'List' support! Bullets, Numbering, Alphabetic, Roman styles.




- Added Paragraph properties for indent, space before/after.




- Added Ribbon Mini Toolbar ("Floaty"). Microsoft Office-style mini toolbar is a semi-transparent toolbar appearing right near the cursor, providing quick access to text formatting tools. It can also be turned off in the settings.




- Added 'Format Painter' functionality to text editor to quickly apply the same formatting to other text.




- Added colored Emoji support (requires Windows 10).




- Added ‘Paste (keep text only)’ command. This will paste the text from the clipboard without formatting. Also available via Ctrl+Shift+V

[Pablo]

Marquee
- The unofficial <marquee> tag has been replaced with CSS3 animations for better compatibility with (modern) browsers. W3C compliant!

- The Marquee object now supports the same editing and styling options as standard text: styles, line spacing, letter spacing, bullets, find/replace, lorem ipsum, responsive fonts etc.




- Added 'Star Wars' behavior. Implements Stars Wars-like 3D scrolling.




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

[Pablo]

Style Manager
- Added 'Filter' properties. The filter property defines visual effects, like blur, brightness, contrast, grayscale, hue-rotate, invert, saturate and sepia. The effect will be applied to the object and all its children.




- Added 'Backdrop Filter' properties. The backdrop-filter property lets you apply graphical effects to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent.






This requires a modern browser!
https://caniuse.com/#feat=css-backdrop-filter


Demo:
https://www.wysiwygwebbuilder.com/suppo ... -demo.html

[Pablo]

Flex Grid
- Added 'Easy Mode'. Many users have asked an easier way to control the flexgrid without having to deal with flexbox.
In "Easy Mode”, the flexgrid behaves just like the Layout grid.




- It is now possible to rename grid cells while keeping the content.
Note that this will only work if you do not make other changes to the structure of the grid. In other words, if you would like to change the cell names then do not change the column/row structure at the same time, otherwise there will be no way for the software to know the relation between the old and new names.

- The Flex Grid editor now displays a preview of the alignment for the selected area to get a better idea of how the settings will affect the layout.




- Added the ability to save custom flexgrid templates. It is also possible to edit or remove pre-defined templates.

[Pablo]

Layout Grid
- Added 'Footer (fixed)' and 'Footer (floating)' mode. This makes it possible to use a layout grid as (fixed) footer. This also works with master pages.

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


- Added 'Sticky' mode. A sticky Layout Grid is treated as relatively positioned element until it reaches the top, at which point it is sticks to the top. This is standard HTML feature that only works in modern browsers (not in IE/Edge).



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


- Added 'pattern overlay'. Add (semitransparent) pattern overlays to the background image/video. More than 50 pattern styles to choose from.



Demo:
https://www.wysiwygwebbuilder.com/suppo ... -demo.html

[Pablo]

Open Graph Meta Tags
Added 'Facebook App ID' property (fb:app_id) to Open Graph Meta Tags. Facebook App ID tags lets Facebook know the identify of your site, which provides additional benefits like social analytics, comments moderation and authentication capabilities to your site. More info: https://developers.facebook.com/docs/sh ... ers#markup

[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.




- 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.




- 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.




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




- 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.




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

[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.




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

[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




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




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


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




- 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.

[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.




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




Logout button
- Added text alignment and padding property.

[Pablo]

Photo Collage
- Added 6 new animations: move up, fall, fly, flip, helix, popup



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


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




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

[Pablo]

Slideshow
- Added 'Image Accordion' mode. Implements a horizontal image accordion, using CSS only. With animation and caption support.



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.

[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.




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




- 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.

[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.



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

[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.



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

[Pablo]

Site Search
- Added Autocomplete padding to set the spacing around the items in drop down list.



- 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.



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

[Pablo]

Blog / Article

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



- Added 'Image margin' property. This can be used to set the margin around an 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.

[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.



- 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.



- 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.

[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.



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.



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

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






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.



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



- 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.



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



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




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.



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




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

[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.



- 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’.

[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.



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



- Added Visual Studio 2019 Light Blue theme.



- Added confirmation window for 'Easy Mode'



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



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



- 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).

[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%).

[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.

[Pablo]

18 new templates to demonstrate some of the new features.

[Pablo]

50+ new blocks. Available as (free) addon package.

[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:

[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.

[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.

[Pablo]

Inline Frame
- Added "Enable Safari Mobile fix" option. This implements a workaround for inline frames ignoring the specified height on the iPhone/iPad.

[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.

[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.



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

[Pablo]

Polygon/Curve
Added 'SVG path animation' option.

[Pablo]

Setup
The 64-bit setup will now automatically download and install VC++ Redistributables files if they are not installed yet.

[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...

[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.



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



- 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.

[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