ARE YOU READY FOR IT? (teaser)

Post by **Pablo** » Wed Jun 12, 2019 1:27 pm

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

Post by **Pablo** » Wed Jun 12, 2019 1:29 pm

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.

Post by **Pablo** » Wed Jun 12, 2019 6:02 pm

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

Post by **Pablo** » Wed Jun 12, 2019 6:03 pm

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

Post by **Pablo** » Wed Jun 12, 2019 6:05 pm

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

Post by **Pablo** » Wed Jun 12, 2019 6:06 pm

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.

Post by **Pablo** » Wed Jun 12, 2019 6:10 pm

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.

Post by **Pablo** » Thu Jun 13, 2019 11:32 am

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

Post by **Pablo** » Thu Jun 13, 2019 11:35 am

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

Post by **Pablo** » Thu Jun 13, 2019 5:56 pm

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

Post by **Pablo** » Thu Jun 13, 2019 5:58 pm

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

Post by **Pablo** » Thu Jun 13, 2019 6:03 pm

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

Post by **Pablo** » Fri Jun 14, 2019 12:38 pm

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.

Post by **Pablo** » Fri Jun 14, 2019 12:40 pm

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

Post by **Pablo** » Fri Jun 14, 2019 12:41 pm

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