SWEET SIXTEEN (teaser)

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

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

Social Login

Post by Pablo » Wed Aug 19, 2020 7:55 am

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.

Image

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

Image

Online tutorial (preview):
https://www.wysiwygwebbuilder.com/social_login.html

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

Flex Box

Post by Pablo » Wed Aug 19, 2020 7:58 am

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.

Image

Image

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

Layout Grid

Post by Pablo » Wed Aug 19, 2020 8:01 am

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.

Image


- New feature: Added a few extra column height options: 75%, 33%, 25% and 10% of the viewport height.

Image


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

Image

Image

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

Layer

Post by Pablo » Wed Aug 19, 2020 8:05 am

Layer

- New feature: Added floating mode options: 75%, 50%, 33%, 25% and 10% of the viewport height.

Image


- New feature: The “Floating mode” property is now responsive, so you can use different heights in breakpoints.

- New feature: Added <main> tag to semantic tags. Specifies the main content of the document: https://www.w3schools.com/tags/tag_main.asp

This option is also available for Layout Grids and FlexBox containers.

Image


- New feature: Added vertical alignment for floating layouts.

Image


- New feature: Added the ability to set the padding, so you can add spacing around the (floating) elements in a layer.

Image

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

Page Header

Post by Pablo » Wed Aug 19, 2020 8:07 am

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.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... ollup.html

Image

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

HTML object

Post by Pablo » Wed Aug 19, 2020 6:09 pm

HTML object

- New feature: Added 'Snippets' functionality to the HTML object to quickly insert pre-defined HTML blocks. The list is customizable, so you can define your own snippets.

Image

Image

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

Zip Backup

Post by Pablo » Wed Aug 19, 2020 6:12 pm

Zip Backup

- 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.
This may be useful when you make a backup on the server and you want to protect your work, so even if someone gets access to the (zipped/encypted) project file they still cannot use it.

Image

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

Cards

Post by Pablo » Thu Aug 20, 2020 7:25 am

Cards

- New feature: Added 'collapsible' option to header. This makes it possible to expand/collapse the card content by clicking the header.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... sible.html

Image


- New feature: Added 'list item' type. A quick way to add a 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.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... items.html

Image


- New feature: Added 'maximum width' property'. This specifies the maximum width of the card in flexible layouts.

Image


- New feature: Added 'manual' trigger mode to Card Popover.

Image


- New feature: Added the ability to show/hide/toggle popover via events.

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

Card Container

Post by Pablo » Thu Aug 20, 2020 7:27 am

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. The column is responsive in breakpoints. It is also possible to set a ‘column span’ for each card via the flexgrow property.

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

Image

Image


- New feature: Added 'alignment' property to card container. This specifies the horizontal alignment of cards in 'card deck' mode. This may be useful when cards have a maximum width, so they do not fill the entire row.

Image

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

SVG Animation

Post by Pablo » Thu Aug 20, 2020 7:29 am

SVG Animation

- New feature: Added 'Animate Fill' option. This will hide the fill (background) of the shape until the animation of the stroke is complete.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... ation.html

Image

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

Image

Image

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

"Blobs" Template

Post by Pablo » Thu Aug 20, 2020 8:56 am

One of the new templates: "Blobs"

Image

This template demonstrates how to use morphing shapes.

Preview:
https://www.wysiwygwebbuilder.com/suppo ... blobs.html

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

"Wizzy" template

Post by Pablo » Thu Aug 20, 2020 9:05 am

- New template: "Wizzy"

Image

This template demonstrates how to implement a fading/scaling header.

Preview:
https://www.wysiwygwebbuilder.com/suppo ... wizzy.html

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

"Expertise" template

Post by Pablo » Thu Aug 20, 2020 9:12 am

- New template: "Expertise"

Image

This template demonstrates some of the new layer features. Includes "sticky' columns.

Preview:
https://www.wysiwygwebbuilder.com/suppo ... ayers.html

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

Slideshow

Post by Pablo » Thu Aug 20, 2020 5:29 pm

Slideshow

- New feature: Added 'Ken Burns' mode. This is a lightweight solution using CSS animations to display a slideshow of images with the Ken Burns effect.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... burns.html

Image


- New feature: Added support for lc_lightbox.

Image

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... htbox.html


- New feature: Added support for Strip lightbox. See ‘Photo Gallery’.


- Improved: Redesigned event configuration. Events can now be configured via the image settings.

Image

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

Panel Layer

Post by Pablo » Thu Aug 20, 2020 5:32 pm

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.

Online demo:
https://www.wysiwygwebbuilder.com/suppo ... igger.html

Locked