ARE YOU READY FOR IT? (teaser)

All the latest news about WYSIWYG Web Builder can be read in this section

*** Current version: WYSIWYG Web Builder 15.1.0 ***
User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Card Container

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!

Image

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

Image

- 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

Image


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

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Cards

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.

Image

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.

Image


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

Image


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

Image


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

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.

Image

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Border Images

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.

Image

Image


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

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Background Properties

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

Image

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Rotate

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.

Image

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Object Manager

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

Image


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

Image

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re-arrange floating elements

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.

Image

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Forms

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.

Image


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

Image


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

Image


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

Image


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

Image


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

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

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Bootstrap-like Form Validation

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.

Image


Also added 'HTML5' validation to the Combobox.

Image


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

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Text

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.

Image


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

Image


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

Image


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

Image


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

Image


- Added colored Emoji support (requires Windows 10).

Image


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

Image

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Marquee

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.

Image


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

Image


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

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Style Manager

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.

Image


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

Image

Image


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


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

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Flex Grid

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.

Image


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

Image


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

Image

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Layout Grid

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

Image

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.

Image

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

User avatar
Pablo
 
Posts: 17647
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Open Graph Meta Tags

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

Image

Locked